<template>
	<view>
		<image src="@/static/index/open_page.png" class="open_page" mode="" v-if="false"></image>
		<!-- <view class="gradient-bg2"></view> -->
		<headerNav :isShowNav="false" :bgHeight="560" :navLeftIcon="false" :navRightIcon="false" leftIconColor="#fff"
			title="懂鲜" title-color="#ffffff" />
		<!-- #ifdef MP-WEIXIN -->
		<view v-if="zzh_show"
			style="background:rgb(0,0,0,.4);overflow: hidden;padding:0 10rpx ;border-radius: 10rpx;color: #ffffff;font-size: 24rpx;display: inline-block;height: 60rpx;line-height: 60rpx;">
			<text @click="guanbi_zzh" class="iconfont icon-guanbi"
				style="color: #ffffff;font-size: 24rpx;float: left;"></text>
			<text @click="gzzzh" style="float: left;margin:  0 10rpx;">{{zzh_title || ''}}</text>
			<text @click="gzzzh" class="iconfont icon-xiangyou"
				style="color: #ffffff;font-size: 24rpx;float: left;"></text>
		</view>
		<!-- #endif -->

		<!-- 地址和搜索 -->
		<view class="search_location"
			style="width: 100%;padding: 30rpx 30rpx 10rpx;box-sizing: border-box;overflow: hidden;">
			<view style="padding-left: 130rpx;position: relative;">
				<view @click="dizhi" class="addcity yihang"
					style="color: #fff;line-height: 80rpx;max-width: 120rpx;height: 80rpx;padding-right:30rpx;box-sizing: border-box;">
					<text>{{city}}</text>
					<text class="iconfont icon-down"
						style="position: absolute;top: 50%;right: 0;transform: translateY(-50%);font-size: 24rpx;color: #FFFFFF;font-weight: 600;"></text>
				</view>
				<view @click="search"
					style="width: 100%;z-index: 5;border-radius:40rpx ;margin: 0 auto;position: relative;">
					<input @click="search" type="text" class="sou" placeholder-class="suo" placeholder="找人/找货/搜信息" />
					<image
						src="https://dyeego.oss-cn-beijing.aliyuncs.com/uploads/20220325/91243acc628efa1338d3d38826d22484.png"
						class="souicon" mode=""></image>
				</view>
			</view>
		</view>
		<scroll-view v-if="false"
			style="width: 100%;height: 100rpx;background: linear-gradient(180deg,#5EC4C2 0%, #F5F5F5 100%);"
			:enable-flex="true" scroll-with-animation :throttle="false" :scroll-left="scrollToLeft" scroll-x
			@scroll="handleScroll">
			<view class="nav uni-nav">
				<view class="nav-item" :class="swiperIndex == index ? 'nav-item-act' : ''"
					v-for="(item, index) in list_tabs" :key="index" @click="taggleNav(index)">
					{{ item.title }}
				</view>
				<!-- <view class="nav-line" :style="style"></view> -->
			</view>
		</scroll-view>
		<!-- 选项卡 -->
		<scroll-view class="mb20"
			style="width: 100%;height: 100rpx;background: linear-gradient(180deg,#5EC4C2 0%, #F5F5F5 100%);"
			:enable-flex="true" scroll-with-animation :throttle="false" :scroll-left="scrollToLeft" scroll-x
			@scroll="handleScroll">
			<tabNav class="pt20" :tabList="list_tabs" :selectIndex.sync="selectIndex" @handleClick="taggleNav"
				:flex1="true"></tabNav>
		</scroll-view>

		<!-- 选项卡内容 -->
		<swiper :current="swiperIndex" :duration="300" class="swiper" easing-function="linear" @change="swiperChange">
			<!-- 关注 -->
			<swiper-item>
				<scroll-view :lower-threshold="80" :refresher-triggered="refreStatus" @refresherrefresh="handleRefre1"
					:refresher-enabled="true" class="swiper-scroll" scroll-y="true" @scrolltolower="swiperScrollLower"
					:scroll-top="scroll_Top1" @scroll="scroll1" :scroll-with-animation="true">

					<view style="">
						<view style="width: 92%;margin: 0 auto;">
							<!-- 轮图图 -->
							<u-swiper imgMode="scaleToFill" :list="list3" height="140" radius="10" indicator
								indicatorMode="line" circular @click="lbt"></u-swiper>
							<!-- 分类 -->
							<view class="fenlei">
								<view style="overflow: hidden;padding: 20rpx 0 0;">
									<view v-for="(item, index) in fl_list" :key='index'
										@click="xia_tiao(item.is_child,item.title,item.id,item.is_service,item.special_type,index)"
										style="text-align: center;width: 20%;float: left;margin-bottom: 20rpx;">
										<image :src="item.logo_image" style="width: 60rpx;height: 60rpx;" mode="">
										</image>
										<view style="font-size: 24rpx;color: #000000;line-height: 30rpx;">
											{{item.title}}
										</view>
									</view>
								</view>
								<!-- <swiper :indicator-dots="fl_xianshi" style="height: 320rpx;" class="swiper">
										<swiper-item>
											<u-grid :border="false" >
											    <u-grid-item @click="xia_tiao(item.is_child,item.title,item.id,item.is_service,item.special_type)"
											            :customStyle="{width:138+'rpx',height:138+'rpx'}"
											            v-for="(item, index) in fl_list.slice(0,10)"
											            :index="index"
											            :key="index"
											    >
											        <image :src="item.logo_image" style="width: 80rpx;height: 80rpx;" mode=""></image>
											        <view style="font-size: 24rpx;color: #000000;margin-top: 10rpx;">
											        	{{item.title}}
											        </view>
											    </u-grid-item>
											</u-grid>
										</swiper-item>
										<swiper-item v-if="fl_list.length>10" >
											<u-grid :border="false" >
											    <u-grid-item @click="xia_tiao(item.is_child,item.title,item.id,item.is_service,item.special_type)"
											            :customStyle="{width:138+'rpx',height:138+'rpx'}"
											            v-for="(item, index) in fl_list.slice(10,20)"
											            :index="index+10"
											            :key="index"
											    >
											        <image :src="item.logo_image" style="width: 80rpx;height: 80rpx;" mode=""></image>
											        <view style="font-size: 24rpx;color: #000000;margin-top: 10rpx;">
											        	{{item.title}}
											        </view>
											    </u-grid-item>
											</u-grid>
										</swiper-item>
										<swiper-item v-if="fl_list.length>20" >
											<u-grid :border="false" >
											    <u-grid-item @click="xia_tiao(item.is_child,item.title,item.id,item.is_service,item.special_type)"
											            :customStyle="{width:138+'rpx',height:138+'rpx'}"
											            v-for="(item, index) in fl_list.slice(20,30)"
											            :index="index+20"
											            :key="index"
											    >
											        <image :src="item.logo_image" style="width: 80rpx;height: 80rpx;" mode=""></image>
											        <view style="font-size: 24rpx;color: #000000;margin-top: 10rpx;">
											        	{{item.title}}
											        </view>
											    </u-grid-item>
											</u-grid>
										</swiper-item>
									</swiper> -->

							</view>
							<!-- <view class="tupian">
									<image @click="zhijie_tiao(index,item.path)" v-for="(item,index) in kuai_list" :key='index' :src="item.main_image" mode="">
									</image>
								</view> -->
							<!-- 期货报盘 -->
							<view class=""
								style="width: 100%;margin: 20rpx auto 0;border-radius: 20rpx;background-color: #FFFFFF;box-sizing: border-box;padding:10rpx 20rpx;position: relative;">
								<view style="width: 100%;box-sizing: border-box;">
									<view
										style="width: 100%;height: 80rpx;line-height: 80rpx;box-sizing: border-box;padding-left: 100rpx;position: relative;background-color: #FFFFFF;font-size: 26rpx;color: #666666;">
										<image src="@/static/index/ic_new.png"
											style="width: 70rpx;height: 70rpx;display: block;position: absolute;top: 50%;left: 15rpx;transform: translateY(-50%);"
											mode=""></image>
										<!-- <text class="xian"></text> -->
										<!-- <view class="" style="height: 76rpx;">
												<uni-notice-bar speed="50" :scrollable="true" :single="true"  :text="title" />
											</view> -->
										<swiper v-if="gundong_gg.length>0" class="banner2"
											style="position: absolute;top: 50%;left: 100rpx;transform: translateY(-50%);"
											:vertical='true' :autoplay="true" :interval="3000" :duration="1000"
											:circular="true">
											<swiper-item v-for="(item,index) in gundong_gg" :key='index'>
												<view @click="ptggxq(a.brand_id)" v-for="(a,b) in item" :key='b'
													class="yihang"
													style="color: #000000;font-size: 24rpx;line-height:40rpx;">
													{{a.text}}
												</view>
												<!-- <view @click="ptggxq(item.id)" class=" yihang"
														style="color: #000000;font-size: 24rpx;line-height:40rpx;">
														{{item.text}}
													</view> -->
											</swiper-item>

										</swiper>
										<view v-if="gundong_gg.length<=0">
											暂无期货信息
										</view>
									</view>
									<!-- <view style="width: 100%;line-height: 60rpx;font-size: 22rpx;color: #000000;display: flex;">
											<view style="flex: 1;text-align: left;">
												{{wather.current_date || ''}} {{wather.week || ''}}
											</view>
											<view style="flex: 1;text-align: center;">
												总浏览量:{{wather.pv_num>10000?( (wather.pv_num/10000).toFixed(2)+'万' ):wather.pv_num || 0}}
											</view>
											<view style="flex: 1;text-align: right;">
												总帖子量:{{wather.post_num>10000?( (wather.post_num/10000).toFixed(2)+'万' ):wather.post_num || 0}}
											</view>
										</view> -->
								</view>
							</view>
						</view>
						<!-- 推荐，全部，求购 -->
						<view class="sticky-box"
							style="background-color: #F8F8F8;padding: 20rpx 100rpx 20rpx 30rpx;width: 100%;box-sizing: border-box;">
							<view style="width: 100%;overflow: hidden;" class="renmen flex items-center">
								<view v-for="(item,index) in list5" :key='index' class="mr30">
									<view v-if="item.isShow" @click="fl_xuanze(index)"
										:class="item.check?'active_fl':'a_fl'"
										style="width: 170rpx;height: 64rpx;line-height: 64rpx;text-align: center;background-color: #fff;border-radius: 10rpx;position: relative;">
										{{item.name || ''}}
									</view>
								</view>
							</view>
							<!-- <vgt-tab class="tab-xxx" :list="list1" :defaultChoseInd="0" defaultChoseItem=""
									@onValueChange="handleValueChange" /> -->
							<image @click="more"
								src="https://static-1310167831.cos.ap-nanjing.myqcloud.com//uploads/20220620/2cad39e07bbeef97a9f4642094f55b69.png"
								style="width: 50rpx;height: 50rpx;position: absolute;top: 50%;right: 30rpx;transform: translateY(-50%);"
								mode=""></image>
						</view>
						<!-- 数据列表 -->
						<view style="width: 92%;margin: 0 auto;" class="index_list">
							<view v-for="(item,index) in list" :key='index'
								style="width: 100%;margin: 0rpx auto 20rpx;padding: 30rpx;box-sizing: border-box;border-radius:16rpx;background-color: #FFFFFF;">
								<view style="overflow: hidden;" class="flex">
									<view
										@click="yonghu_xx(item.user_id,item.type,item.firm_id,item.user.special_manage,item.user.nickname)"
										style="width: 90rpx;height: 90rpx;position: relative;">
										<image :src="item.user.avatar"
											style="width: 90rpx;height: 90rpx;display: block;border-radius: 90rpx;overflow: hidden;"
											mode=""></image>
										<!-- vip -->
										<image v-if="item.user.is_vip==1 && item.type==2"
											src="https://frozen-info.oss-cn-shanghai.aliyuncs.com/uploads/miniapp/ren.png"
											style="width: 30rpx;height: 30rpx;position: absolute;right: -10rpx;bottom: -10rpx;z-index: 4;"
											mode=""></image>
										<!-- 个人 -->
										<image v-if="item.user.is_vip==2 && item.type==2"
											src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20220616/ce4d9a4e5c9d814d939dc3324abc44d6.png"
											style="width: 30rpx;height: 30rpx;position: absolute;right: -10rpx;bottom: -10rpx;z-index: 4;"
											mode=""></image>
										<!-- 企业 -->
										<image v-if="item.type==1"
											src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20220616/daf7dad493b169a57961fac90302d9be.png"
											style="width: 30rpx;height: 30rpx;position: absolute;right: -10rpx;bottom: -10rpx;z-index: 4;"
											mode=""></image>
									</view>
									<view style="width: calc(100% - 90rpx);" class="pl30">
										<view
											@click="yonghu_xx(item.user_id,item.type,item.firm_id,item.user.special_manage,item.user.nickname)"
											style="line-height: 50rpx;overflow: hidden;">
											<text v-if="item.user.is_vip==2"
												style="color: #2B85E4;font-size: 30rpx;display: block;max-width: 300rpx;float: left;"
												class="yihang">
												<text v-if="item.type==2">
													<text
														v-if="item.user.remark_name!=''">{{item.user.remark_name || ''}}</text>
													<!-- <text v-if="item.user.remark_name!=''" style="margin-left: 10rpx;font-size: 26rpx;">{{item.user.name || ''}}</text> -->
													<text
														v-if="item.user.remark_name==''">{{item.user.name || ''}}</text>
												</text>
												<text v-if="item.type==1">{{item.user.nickname}}</text>
											</text>
											<text v-if="item.user.is_vip==1"
												style="color: #F29100;font-size: 30rpx;display: block;max-width: 300rpx;float: left;font-weight: 600;"
												class="yihang">
												<text v-if="item.type==2">
													<text
														v-if="item.user.remark_name!=''">{{item.user.remark_name || ''}}</text>
													<!-- <text v-if="item.user.remark_name!=''" style="margin-left: 10rpx;font-size: 26rpx;">{{item.user.name || ''}}</text> -->
													<text
														v-if="item.user.remark_name==''">{{item.user.name || ''}}</text>
												</text>
												<text v-if="item.type==1">{{item.user.nickname}}</text>
											</text>
											<!-- 	<image @click="yonghu_xx(item.user_id)"
													src="https://frozen-info.oss-cn-shanghai.aliyuncs.com/uploads/miniapp/shenfen.png" style="width: 28rpx;height: 22rpx;float: left;margin-top: 14rpx;margin-left: 20rpx;"
													mode=""></image> -->
										</view>
										<!-- 个人 -->
										<view v-if="item.type==2"
											style="font-size: 24rpx;margin-top: 10rpx;line-height: 30rpx;">
											<text v-if="item.user.firm_check==1"
												style="border-radius: 10rpx;background: linear-gradient(0deg, #1fb0ac 0%, #5EC4C2 100%);border-radius: 6rpx;color: #FEFEFE;font-size: 20rpx;padding: 0rpx 10rpx;float: left;margin-right: 10rpx;">
												已认证
											</text>
											<text v-if="item.user.company!=''">{{item.user.company || ''}}</text>
											<text v-if="item.user.position!=''"
												style="margin-left: 20rpx;">{{item.user.position || ''}}</text>
										</view>
										<!-- 企业 -->
										<view v-if="item.type==1"
											style="font-size: 24rpx;margin-top: 10rpx;line-height: 30rpx;">
											<text v-if="item.user.firm_check==1"
												style="border-radius: 10rpx;background: linear-gradient(0deg, #1fb0ac 0%, #5EC4C2 100%);border-radius: 6rpx;color: #FEFEFE;font-size: 20rpx;padding: 0rpx 10rpx;float: left;margin-right: 10rpx;">
												已认证
											</text>
											<text
												v-if="item.user.user_nickname!=''">{{item.user.user_nickname || ''}}</text>
											<text v-if="item.user.user_position!=''"
												style="margin-left: 20rpx;">{{item.user.user_position || ''}}</text>
										</view>
										<view style="overflow: hidden;margin-top: 10rpx;">
											<text class="xiao label_name" style="color: red;"
												v-if="item.is_top==1">置顶</text>
											<text v-if="item.tips_manage.length>0" v-for="(a,b) in item.tips_manage"
												:key='b' class="xiao label_name">{{a.name}}</text>
										</view>
										<!-- <view style="height: 30rpx;line-height: 30rpx;color: #999999;font-size: 24rpx;"
												class="yihang">
												{{item.user.company || ''}}
											</view> -->
									</view>
									<view style="width: 10%;float: left;position: relative;"
										@click="lahei(item.user_id,index)">
										<text class="iconfont icon-guanbi"
											style="font-size: 24rpx;position: absolute;top: 20rpx;right: 0;"></text>
									</view>
								</view>
								<view @click="tzxq(item.id)"
									style="color: #000000;font-size: 28rpx;line-height: 40rpx;margin: 16rpx 0 0;">
									<!-- <view class="sanhang">{{item.main_content}}</view> -->
									<view class="sihang" style="position: relative;">
										<text>{{item.main_content || ''}}</text>
										<!-- <view class="tips" @click="showinfo">
											     <u-icon name="arrow-down" size="12" color="#0078FF" label="展开" labelPos="left" labelColor="#0078FF" labelSize="12"></u-icon>
											</view> -->
									</view>
									<view v-if="item.more_check"
										style="line-height: 40rpx;color: #1fb0ac;font-size: 26rpx;">
										全文
									</view>

								</view>
								<view @click="tzxq(item.id)" style="overflow: hidden;" class="tu">
									<view v-for="(a,b) in item.main_images" :key='b'
										style="width: 190rpx;height: 190rpx;float: left;border-radius: 16rpx;overflow: hidden;">
										<image :src="a" style="width: 100%;height: 100%;left: 0;" mode="aspectFill">
										</image>
									</view>
								</view>
								<view class="flex items-center" v-if="item.city!=''"
									style="line-height: 40rpx;overflow: hidden;">
									<image
										src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20230613/bc4b7edcf33b26f93cf7d5c8406eb52a.png"
										style="width: 40rpx;height: 40rpx;display: block;float: left;margin-top: 10rpx;"
										mode="" v-if="false"></image>
									<u-icon name="map" size="20" color="#999999">
									</u-icon>
									<text
										style="margin-left: 6rpx;display: inline-block;max-width: 500rpx;float: left;color: #999999;font-size: 26rpx;line-height: 60rpx;"
										class="yihang">{{item.city || ''}}</text>
								</view>
								<view style="overflow: hidden;margin: 0rpx 0 0;">
									<commentCollectLike :item="item" />
								</view>
							</view>
							<view v-if="kk" style="text-align: center;">
								<image
									src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20220329/e86889a9b8fd67d8950e4775d67316c.png"
									style="width: 400rpx;" mode="widthFix"></image>
							</view>
							<u-divider color='#717171' bg-color='#f0f2f8' height='80' border-color='#717171' text="暂无数据"
								v-if="list.length==0"></u-divider>
							<u-divider color='#717171' bg-color='#f0f2f8' height='80' border-color='#717171'
								text="没有更多了" v-if="list.length>0 && enmpy"></u-divider>
						</view>
					</view>

				</scroll-view>
			</swiper-item>
			<swiper-item>
				<scroll-view :lower-threshold="80" :refresher-triggered="refreStatus" @refresherrefresh="handleRefre2"
					:refresher-enabled="true" class="swiper-scroll" scroll-y="true" @scrolltolower="swiperScrollLower"
					:scroll-top="scroll_Top2" @scroll="scroll2" :scroll-with-animation="true">

					<view>
						<view style="width: 92%;margin:0 auto;">
							<view class="fenlei1">
								<view @click="dianji_fl(index)" style="width: 20%;text-align: center;float: left;"
									v-for="(item,index) in qhjyfl_list" :key='index'>
									<image :src="item.main_image" style="width: 60rpx;height: 60rpx;" mode=""></image>
									<view style="font-size: 24rpx;line-height: 30rpx;"
										:class="fl_type==index?'active':'a'">
										{{item.name}}
									</view>
								</view>
							</view>
							<view v-if="pp_list && pp_list.length" class="aborder-container prow20 pt20 rounded-20"
								style="margin-top: 20rpx;background: linear-gradient(-15deg, #6AC2A0 0%, #94D4BD 100%);">
								<image @click="qbpp"
									src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20230616/8a05cb15ebe40fc4a667f4c26d949d7a.png"
									style="width: 100%;display: block;" mode="widthFix" v-if="false"></image>
								<view class="flex items-center justify-between" @click="qbpp" v-if="false">
									<view class="flex items-center">
										<text class="text-white fs32 bold pr10">国外供应商</text>
										<text class="text-white fs24 bold">Foreign Suppliers</text>
									</view>
									<view class="flex items-center">
										<text class="text-white fs24">查看全部</text>
										<u-icon name="arrow-right" color="#fff" size="16">Foreign Suppliers</u-icon>
									</view>
								</view>
								<forignCompany @viewAll="qbpp" />
								<view
									style="width: 100%;box-sizing: border-box;padding:20rpx 0 20rpx;background: linear-gradient(-15deg, #6AC2A0 0%, #94D4BD 100%);border-radius: 0 0 20rpx 20rpx;">
									<view
										style="overflow: hidden;background-color: #ffffff;border-radius: 20rpx;padding:20rpx 20rpx 0 20rpx;">
										<view @click="changjia(a.id)" v-for="(a,b) in pp_list" :key='b'
											style="float: left;width: 20%;text-align: center;margin-bottom:20rpx;">
											<image :src="a.avatar"
												style="width: 60rpx;height: 60rpx;border-radius: 50%;clip-path: inset(0 round 30rpx);"
												mode=""></image>
											<view style="font-size: 24rpx;color: #000000;line-height: 40rpx;"
												class="yihang">
												{{a.name}}
											</view>
										</view>
									</view>
								</view>
							</view>
							<!-- <scroll-view id="tab-bar"
									style="width: 690rpx;margin: 20rpx auto;background-color: #FFFFFF;padding: 20rpx 20rpx 0 20rpx;box-sizing: border-box;"
									class="scroll-h1" :scroll-x="true" :show-scrollbar="false" :scroll-into-view="scrollInto">
									<view @click="changjia(a.id)" v-for="(a,b) in pp_list" :key='b' style="text-align: left;"
										class="uni-tab-item">
										<view style="width:120rpx;background-color: #FFFFFF;text-align: center;margin: 0 auto;">
											<image :src="a.avatar" style="width: 60rpx;height: 60rpx;border-radius: 12rpx;"
												mode="aspectFill"></image>
										</view>
										<view style="width: 120rpx;margin: 0rpx auto;text-align: center;">
											<view
												style="width: 120rpx;color: #000000;font-size: 24rpx;line-height: 48rpx;height: 48rpx;"
												class="yihang">
												{{a.name}}
											</view>
										</view>
									</view>
									<view style="text-align: left;height:130rpx;" class="uni-tab-item1" @click="qbpp">
										<view
											style="width: 130rpx;height: 130rpx;background-color: #F8F8F8;text-align: center;color: #999999;font-size: 22rpx;line-height: 130rpx;float: left;">
											查看全部
										</view>
									</view>
								</scroll-view> -->
							<view class="flex items-center"
								style="width:100%;margin: 26rpx auto 40rpx;display: flex;overflow: hidden;">
								<view class="bg-white rounded-4 tac follow_box" @click="guanzhu(2)">
									<view style="position: relative;" :class="qi==2?'qiactive_type':'qi_type'">我的关注
									</view>
								</view>
								<view class="bg-white rounded-4 tac follow_box" @click="guanzhu(1)">
									<view style="position: relative;" :class="qi==1?'qiactive_type':'qi_type'">期货报价
									</view>
								</view>
								<view v-if="false" @click="dingyue"
									style="width: 160rpx;height: 46rpx;line-height: 46rpx;border-radius: 30rpx;text-align: center;font-size: 24rpx;color: #fff;background-color: #1fb0ac;float: right;margin-top: 0rpx;font-weight: 500;margin-right: 0rpx;">
									订阅通知
								</view>
							</view>
							<view v-if="qi==1">
								<view style="width:100%;margin: 26rpx auto;display: flex;">
									<view @click="jiage(1)" :class="['yihang',tui_type==1?'tui_active':'tui_mei']"
										style="flex: 1;text-align: center;">
										全部企业<!-- <text class="iconfont icon-xiangxia" style="font-size: 22rpx;"></text> -->
									</view>
									<!-- <view  @click="jiage(2)" :class="['yihang',tui_type==2?'tui_active':'tui_mei']"
											style="flex: 1;text-align: center;">
											<text v-if="qihuo.length<=4">{{qihuo || '品牌规格'}}</text>
											<text v-if="qihuo.length>4">{{qihuo.slice(0,4)+'...' || '品牌规格'}}</text>
											<text class="iconfont icon-xiangxia" style="font-size: 22rpx;"></text>
										</view> -->
									<view @click="jiage(3)" :class="['yihang',tui_type==3?'tui_active':'tui_mei']"
										style="flex: 1;text-align: center;">
										<!-- {{qihuo1 || '产区'}} -->
										<text v-if="qihuo1.length<=4">{{qihuo1 || '产区'}}</text>
										<text v-if="qihuo1.length>4">{{qihuo1.slice(0,4)+'...' || '产区'}}</text>
										<text class="iconfont icon-xiangxia" style="font-size: 22rpx;"></text>
									</view>
									<view @click="jiage(4)" :class="['yihang',tui_type==4?'tui_active':'tui_mei']"
										style="flex: 1;text-align: center;">
										<!-- {{qihuo2 || '厂号'}} -->
										<text v-if="qihuo2.length<=4">{{qihuo2 || '厂号'}}</text>
										<text v-if="qihuo2.length>4">{{qihuo2.slice(0,4)+'...' || '厂号'}}</text>
										<text class="iconfont icon-xiangxia" style="font-size: 22rpx;"></text>
									</view>
								</view>
								<view
									style="width: 100%;box-sizing: border-box;padding: 30rpx 28rpx;background-color: #FFFFFF;border-radius: 16rpx;margin-bottom: 20rpx;"
									v-for="(item,index) in qhjy_list" :key='index'>
									<view @click="changjia(item.brand_id)" style="overflow: hidden;">
										<view style="width: 18%;float: left;overflow: hidden;">
											<image :src="item.brand_avatar"
												style="width: 92rpx;height: 92rpx;border-radius: 50%;display: block;"
												mode="">
											</image>
										</view>
										<view style="width: 82%;float: left;padding: 6rpx 0;">
											<view style="height: 40rpx;line-height: 40rpx;">
												<text
													style="color: #000000;font-size: 30rpx;display: inline-block;font-weight: 600;float: left;">{{item.brand_name}}</text>
												<image :src="item.place.logo_image"
													style="width: 32rpx;height: 20rpx;float: left;margin-top: 10rpx;margin-left: 20rpx;"
													mode=""></image>
												<text
													style="color: #999999;font-size: 20rpx;float: left;margin-left: 20rpx;">({{item.place.name}})</text>
												<text
													style="color: #999999;font-size: 24rpx;float: right;">{{item.create_time_tips}}</text>
											</view>
											<view
												style="height: 40rpx;line-height: 40rpx;color: #010101;font-size: 24rpx;"
												class="yihang">
												{{item.brand_en_name}} <text
													style="float: right;color: #999999;font-size: 24rpx;">发布于{{item.create_time}}</text>
											</view>
										</view>
									</view>
									<view v-if="is_vip!=1">
										<view v-html="item.en_content"
											style="color: #010101;font-size: 26rpx;margin-top: 20rpx;line-height: 40rpx;">

										</view>
										<view
											style="background-color: #eeeeee;box-sizing: border-box;padding: 20rpx;border-radius: 10rpx;font-size: 26rpx;">
											<view v-html="item.cn_content">

											</view>
										</view>
									</view>
									<view v-if="is_vip==1">
										<view v-html="item.vip_en_content"
											style="color: #010101;font-size: 26rpx;margin-top: 20rpx;line-height: 40rpx;">

										</view>
										<view
											style="background-color: #eeeeee;box-sizing: border-box;padding: 20rpx;border-radius: 10rpx;font-size: 26rpx;">
											<view v-html="item.vip_cn_content">

											</view>
										</view>
									</view>
									<view style="display: flex;margin-top: 20rpx;">
										<view style="flex: 1;">
											<view @click="dcjs(item.brand_id)"
												style="width: 100%;height: 60rpx;line-height: 60rpx;text-align: center;font-size: 24rpx;background-color: #fff;color: #1fb0ac;border-radius: 30rpx;border: 2rpx solid #1fb0ac;">
												代采介绍

											</view>
										</view>
										<view @click="gz_cj(item.brand_id,index)" style="flex: 1;margin-left:18rpx;">
											<view v-if="item.is_collect==1"
												style="width: 100%;height: 60rpx;line-height: 60rpx;text-align: center;font-size: 24rpx;background-color: #fff;color: #1fb0ac;border-radius: 30rpx;border: 2rpx solid #1fb0ac;">
												取消关注
											</view>
											<view v-if="item.is_collect==2"
												style="width: 100%;height: 60rpx;line-height: 60rpx;text-align: center;font-size: 24rpx;background-color: #fff;color: #1fb0ac;border-radius: 30rpx;border: 2rpx solid #1fb0ac;">
												关注厂家
											</view>
										</view>
										<view v-if="is_server==2" style="flex: 1;margin-left:18rpx;"
											@click="yijian(item.phone,item.brand_id)">
											<view
												style="width: 100%;height: 60rpx;line-height: 60rpx;text-align: center;font-size: 24rpx;background-color: #1fb0ac;color: #ffffff;border-radius: 30rpx;">
												一键代采
											</view>
											<!-- <button type="default" open-type="contact"
													style="width: 100%;height: 60rpx;line-height: 60rpx;text-align: center;font-size: 24rpx;background-color: #1fb0ac;color: #ffffff;border-radius: 30rpx;">
													一键代采

												</button> -->
										</view>
									</view>
								</view>
								<view style="text-align: center;margin-top: 50rpx;">
									<image v-if="qh_kk" :src="require('@/static/my/no-data.png')" style="width: 334rpx;"
										mode="widthFix"></image>
									<view v-if="qhjy_list.length==0"
										style="text-align: center;color: #999999;font-size: 30rpx;line-height: 60rpx;">
										暂无推荐价格
									</view>
									<u-divider color='#717171' bg-color='#f0f2f8' height='80' border-color='#717171'
										text="没有更多了" v-if="qhjy_list.length>0 && qh_enmpy"></u-divider>
								</view>

							</view>
							<view v-if="qi==2">
								<!-- <view @click="tjgz" v-if="qhjy_list.length>0"
										style="width:230rpx;height: 60rpx;line-height: 60rpx;text-align: center;background-color: #1fb0ac;border-radius: 30rpx;font-size: 24rpx;color: #FFFFFF;margin: 20rpx auto 40rpx;">
										添加更多关注
									</view> -->
								<view @click="tjgz" style="text-align: center;margin-bottom: 30rpx;"
									v-if="!qhjy_list.length && false">
									<image style="width: 250rpx;"
										src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20230413/74974a81381155a891392f6f6933908a.png"
										mode="widthFix"></image>
								</view>
								<view
									style="width: 100%;box-sizing: border-box;padding: 30rpx;background-color: #FFFFFF;border-radius: 16rpx;margin-bottom: 20rpx;"
									v-for="(item,index) in qhjy_list" :key='index'>
									<view @click="changjia(item.brand_id)" style="overflow: hidden;">
										<view style="width: 18%;float: left;overflow: hidden;">
											<image :src="item.brand_avatar"
												style="width: 92rpx;height: 92rpx;border-radius: 50%;display: block;"
												mode="">
											</image>
										</view>
										<view style="width: 82%;float: left;padding: 6rpx 0;">
											<view style="height: 40rpx;line-height: 40rpx;">
												<text
													style="color: #000000;font-size: 30rpx;display: inline-block;font-weight: 600;float: left;">{{item.brand_name}}</text>
												<image :src="item.place.logo_image"
													style="width: 32rpx;height: 20rpx;float: left;margin-top: 10rpx;margin-left: 20rpx;"
													mode=""></image>
												<text
													style="color: #999999;font-size: 20rpx;float: left;margin-left: 20rpx;">({{item.place.name}})</text>
												<text
													style="color: #999999;font-size: 24rpx;float: right;">{{item.create_time_tips}}</text>
											</view>
											<view
												style="height: 40rpx;line-height: 40rpx;color: #010101;font-size: 24rpx;"
												class="yihang">
												{{item.brand_en_name}} <text
													style="float: right;color: #999999;font-size: 24rpx;">发布于{{item.create_time}}</text>
											</view>
										</view>
									</view>
									<view v-if="is_vip!=1">
										<view v-html="item.en_content"
											style="color: #010101;font-size: 26rpx;margin-top: 20rpx;line-height: 40rpx;">

										</view>
										<view
											style="background-color: #eeeeee;box-sizing: border-box;padding: 20rpx;border-radius: 10rpx;font-size: 26rpx;">
											<view v-html="item.cn_content">

											</view>
										</view>
									</view>
									<view v-if="is_vip==1">
										<view v-html="item.vip_en_content"
											style="color: #010101;font-size: 26rpx;margin-top: 20rpx;line-height: 40rpx;">

										</view>
										<view
											style="background-color: #eeeeee;box-sizing: border-box;padding: 20rpx;border-radius: 10rpx;font-size: 26rpx;">
											<view v-html="item.vip_cn_content">

											</view>
										</view>
									</view>
									<view style="display: flex;margin-top: 20rpx;">
										<view style="flex: 1;">
											<view @click="dcjs(item.brand_id)"
												style="width: 100%;height: 60rpx;line-height: 60rpx;text-align: center;font-size: 24rpx;background-color: #fff;color: #1fb0ac;border-radius: 30rpx;border: 2rpx solid #1fb0ac;">
												代采介绍

											</view>
										</view>
										<view @click="gz_cj(item.brand_id,index)" style="flex: 1;margin-left:18rpx;">
											<view v-if="item.is_collect==1"
												style="width: 100%;height: 60rpx;line-height: 60rpx;text-align: center;font-size: 24rpx;background-color: #fff;color: #1fb0ac;border-radius: 30rpx;border: 2rpx solid #1fb0ac;">
												取消关注
											</view>
											<view v-if="item.is_collect==2"
												style="width: 100%;height: 60rpx;line-height: 60rpx;text-align: center;font-size: 24rpx;background-color: #fff;color: #1fb0ac;border-radius: 30rpx;border: 2rpx solid #1fb0ac;">
												关注厂家
											</view>
										</view>
										<view v-if="is_server==2" style="flex: 1;margin-left:18rpx;"
											@click="yijian(item.phone,item.brand_id)">
											<view
												style="width: 100%;height: 60rpx;line-height: 60rpx;text-align: center;font-size: 24rpx;background-color: #1fb0ac;color: #ffffff;border-radius: 30rpx;">
												一键代采
											</view>
											<!-- <button type="default" open-type="contact"
													style="width: 100%;height: 60rpx;line-height: 60rpx;text-align: center;font-size: 24rpx;background-color: #1fb0ac;color: #ffffff;border-radius: 30rpx;">
													一键代采

												</button> -->
										</view>
									</view>
								</view>
								<view style="text-align: center;margin: 50rpx 0;">
									<view @click="tjgz" style="text-align: center;margin-bottom: 30rpx;"
										v-if="qhjy_list.length==0">
										<image style="width: 250rpx;"
											src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20230413/74974a81381155a891392f6f6933908a.png"
											mode="widthFix"></image>
									</view>
									<!-- <image v-if="qh_kk"
											:src="require('@/static/my/no-data.png')"
											style="width: 334rpx;" mode="widthFix"></image>
										<view @click="tjgz" v-if="qhjy_list.length==0"
											style="width:230rpx;height: 60rpx;line-height: 60rpx;text-align: center;background-color: #1fb0ac;border-radius: 30rpx;font-size: 24rpx;color: #FFFFFF;margin: 40rpx auto;">
											立即添加关注
										</view>
										<u-divider color='#717171' bg-color='#f0f2f8' height='80' border-color='#717171'
											text="没有更多了" v-if="qhjy_list.length>0 && qh_enmpy"></u-divider> -->
								</view>
							</view>
						</view>
					</view>

				</scroll-view>
			</swiper-item>
			<swiper-item v-if="false">
				<companyList :swiperList="list3" />
			</swiper-item>
			<swiper-item>
				<scroll-view :lower-threshold="80" :refresher-triggered="refreStatus" @refresherrefresh="handleRefre4"
					:refresher-enabled="true" class="swiper-scroll" scroll-y="true" @scrolltolower="swiperScrollLower"
					:scroll-top="scroll_Top4" @scroll="scroll4" :scroll-with-animation="true">

					<view>
						<view style="width: 92%;margin: 0 auto;">
							<view>
								<vgt-tab class="tab-xxx" :list="list2" :defaultChoseInd="0" defaultChoseItem=""
									@onValueChange="handleValueChange1" />
							</view>
							<view
								style="width:100%;box-sizing: border-box;background-color: #ffffff;border-radius:16rpx 16rpx 0 0 ;margin: 20rpx auto;">
								<view @click="xq(item.id)" v-for="(item,index) in list4" :key='index'
									style="border-bottom: 1px solid #EEEEEE;padding: 30rpx 30rpx;">
									<!-- <view style="color: #000000;font-size: 30rpx;line-height: 80rpx;font-weight: 600;padding-right: 100rpx;"
											class="yihang">
											{{item.title}}
										</view> -->
									<view v-html="item.title">

									</view>
									<view style="overflow: hidden;">
										<view style="width: 60%;float: left;">
											<view
												style="line-height: 40rpx;color: #666666;font-size: 24rpx;height: 120rpx;"
												class="sanhang">
												{{item.main_text}}
											</view>
											<view style="margin-top: 30rpx;line-height: 30rpx;">
												<image
													src="https://frozen-info.oss-cn-shanghai.aliyuncs.com/uploads/miniapp/liulan.png"
													style="width: 30rpx;height: 30rpx;float: left;display: block;"
													mode="">
												</image><text
													style="color: #999999;font-size: 22rpx;float: left;line-height: 30rpx;">{{item.view_num}}</text>
												<text
													style="color: #999999;font-size: 22rpx;float: right;line-height: 30rpx;">{{item.create_time}}</text>
												<image
													src="https://qiniuoss.yjqwl.cn/uploads/20220314/FlrzBNR4GCGHDgjnkg0QKCYv5KRP.png"
													style="width: 26rpx;height: 26rpx;float: right;display: block;margin-right: 8rpx;margin-top: 2rpx;"
													mode=""></image>
											</view>
										</view>
										<view style="width: 40%;float: right;">
											<image :src="item.main_image"
												style="width:220rpx;height: 176rpx;border-radius: 14rpx;float: right;display: block;"
												mode=""></image>
										</view>
									</view>
								</view>

							</view>
							<view style="text-align: center;margin-top: 50rpx;">
								<image v-if="kk2" :src="require('@/static/my/no-data.png')" style="width: 334rpx;"
									mode="widthFix"></image>
								<view style="width: 80%;margin: 0 auto;">
									<u-divider color='#717171' bg-color='#f0f2f8' height='80' border-color='#717171'
										text="暂无数据" v-if="list4.length==0"></u-divider>
									<u-divider color='#717171' bg-color='#f0f2f8' height='80' border-color='#717171'
										text="没有更多了" v-if="list4.length>0 && enmpy"></u-divider>
								</view>
							</view>
						</view>
					</view>

				</scroll-view>
			</swiper-item>
		</swiper>
		<!-- <aloys-tab :tabs="tabs" @change="qie">slot="content0" -->
		<!-- <view slot="content0" class="xxx">A</view>
			<view slot="content1" class="xxx">B</view>
			<view slot="content2" class="xxx">C</view> -->
		<!-- position: absolute;top: 180rpx;left: 4%; -->
		<!-- 期货交易 -->
		<!-- 直播动态-->
		<!-- 新闻资讯-->
		<!-- </aloys-tab> -->
		<!-- </view> -->
		<!-- 期货交易 -->
		<lb-picker ref="picker" v-model="qihuo" mode="selector" :dataset="{ name: qihuo }" :list="list_arr"
			@confirm="handleConfirm" @change="qihuo_change">
		</lb-picker>
		<lb-picker ref="picker1" v-model="qihuo1" mode="selector" :dataset="{ name: qihuo1 }" :list="list_arr1"
			@confirm="handleConfirm1" @change="qihuo_change1">
		</lb-picker>
		<lb-picker ref="picker2" v-model="qihuo2" mode="selector" :dataset="{ name: qihuo2 }" :list="list_arr2"
			@confirm="handleConfirm2" @change="qihuo_change2">
		</lb-picker>

		<uni-popup id="popup" ref="popup2" :type="type_status" :animation="true">
			<view class="" style="background-color: #FFFFFF;padding:30upx;border-radius: 20upx;width: 500rpx;">
				<!-- <view @click="bgxq" style="line-height: 80rpx;color: #333333;font-size: 26rpx;overflow: hidden;border-bottom: 1px solid #eeeeee;">
					<image src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20220609/830b561ca7ce34b5f0558b840716b396.png" style="width: 30rpx;height: 30rpx;float: left;margin-top: 25rpx;" mode=""></image>
					<text style="float: left;margin-left: 20rpx;">不感兴趣</text>
				</view> -->
				<view @click="lhftr" style="line-height: 80rpx;color: #333333;font-size: 26rpx;overflow: hidden;">
					<image
						src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20220609/dc135c36cb2641ef2acffca98da776e0.png"
						style="width: 30rpx;height: 30rpx;float: left;margin-top: 25rpx;" mode=""></image>
					<text style="float: left;margin-left: 20rpx;">拉黑发帖人</text>
				</view>
			</view>
		</uni-popup>
		<image @click="gundong1" v-if="oldscroll_Top1!=0 && swiperIndex==0"
			src="https://frozen-info.oss-cn-shanghai.aliyuncs.com/uploads/miniapp/up.png"
			style="width:80rpx;height:80rpx;position: fixed;right: 10rpx;bottom: 200rpx;z-index: 400;" mode="">
		</image>
		<image @click="gundong2" v-if="oldscroll_Top2!=0 && swiperIndex==1"
			src="https://frozen-info.oss-cn-shanghai.aliyuncs.com/uploads/miniapp/up.png"
			style="width:80rpx;height:80rpx;position: fixed;right: 10rpx;bottom: 200rpx;z-index: 400;" mode="">
		</image>
		<image @click="gundong3" v-if="oldscroll_Top3!=0 && swiperIndex==2"
			src="https://frozen-info.oss-cn-shanghai.aliyuncs.com/uploads/miniapp/up.png"
			style="width:80rpx;height:80rpx;position: fixed;right: 10rpx;bottom: 200rpx;z-index: 400;" mode="">
		</image>
		<image @click="gundong4" v-if="oldscroll_Top4!=0 && swiperIndex==3"
			src="https://frozen-info.oss-cn-shanghai.aliyuncs.com/uploads/miniapp/up.png"
			style="width:80rpx;height:80rpx;position: fixed;right: 10rpx;bottom: 200rpx;z-index: 400;" mode="">
		</image>
		<image class="to_vip" @click="kthy" v-if="is_vip==0 && iosUpAppStore"
			src="https://static-1310167831.cos.ap-nanjing.myqcloud.com//uploads/20220711/1333d9146ca24627963abc792a6153b9.png"
			style="width:100rpx;height:100rpx;position: fixed;right: 10rpx;bottom: 300rpx;z-index: 400;" mode="">
		</image>
		<view class="flex flex-column items-center company_Authentication"
			style="position: fixed;right: 10rpx;bottom: 420rpx;z-index: 400;" @click="companyAuthentication"
			v-if="company_check==0 && firm_user!=1 && false">
			<image src="@/static/index/company_come.png" mode=""
				style="width:100rpx;height:100rpx;margin: 0 auto;position: relative;top: 16rpx;">
			</image>
			<view class="company_come">企业入驻</view>
		</view>
		<image @click="companyAuthentication" v-if="company_check==0 && firm_user!=1"
			src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20230425/347d121a2d9481460b36f3ce7ae0e111.png"
			style="width:100rpx;height:100rpx;position: fixed;right: 10rpx;bottom: 420rpx;z-index: 400;" mode="">
		</image>
		<view v-if="tc_is_show"
			style="width: 100%;height: 100vh;background: rgb(0,0,0,.5);position: fixed;top: 0;left: 0;z-index: 900;">
			<view style="position: relative;height: 100%;width: 100%;">
				<view style="position: absolute;top: 10%;left: 50%;transform: translateX(-50%);">
					<image @click="bgtu_tiao" :src="tc_image" style="width: 600rpx;height: 800rpx;">
					</image>
					<view class="" @click="bgguan" style="text-align: center;width: 100%;margin-top: 50rpx;">
						<image src="../../static/guanbi.png" style="width: 60rpx;height: 60rpx;"></image>
					</view>
				</view>

			</view>
		</view>
		<u-popup :show="top_show" mode="top" :round="20" @close="top_close">
			<view style="box-sizing: border-box;padding: 30rpx 0 0;">
				<view style="padding: 0 30rpx;">
					<view style="line-height: 60rpx;font-size: 22rpx;color: #999999;margin-bottom: 20rpx;">
						筛选条件
					</view>
					<view @click="xz_weizhi"
						style="line-height: 70rpx;display: flex;font-size: 24rpx;color: #666666;background-color: #f8f8f8;border-radius: 10rpx;box-sizing: border-box;padding: 0 20rpx;margin-bottom: 14rpx;">
						<view style="flex: 1;font-size: 24rpx;color: #000000;">
							位置选择
						</view>
						<view
							style="flex: 2;text-align: right;box-sizing: border-box;padding-right: 40rpx;position: relative;">
							{{index_wz || ''}}
							<image
								src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20230410/7b4a9ac7b1fb567c0f1c9cbf80edda78.png"
								style="width: 30rpx;height: 30rpx;position: absolute;top: 50%;right: 0;transform: translateY(-50%);"
								mode=""></image>
						</view>
					</view>
					<!-- <view @click="xuanze_lei" style="line-height: 70rpx;display: flex;font-size: 24rpx;color: #666666;background-color: #f8f8f8;border-radius: 10rpx;box-sizing: border-box;padding: 0 20rpx;margin-bottom: 14rpx;">
						<view style="flex: 1;font-size: 24rpx;color: #000000;">
							帖子类型
						</view>
						<view style="flex: 2;text-align: right;box-sizing: border-box;padding-right: 40rpx;position: relative;">
							{{tiezi_lx || ''}}
							<image src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20230410/6ab2daab2983ccfe88513f09feb6fdc6.png" style="width: 30rpx;height: 30rpx;position: absolute;top: 50%;right: 0;transform: translateY(-50%);" mode=""></image>
						</view>
					</view> -->
					<view @click="tz_lx"
						style="line-height: 70rpx;display: flex;font-size: 24rpx;color: #666666;background-color: #f8f8f8;border-radius: 10rpx;box-sizing: border-box;padding: 0 20rpx;margin-bottom: 14rpx;">
						<view style="flex: 1;font-size: 24rpx;color: #000000;">
							产品分类
						</view>
						<view
							style="flex: 2;text-align: right;box-sizing: border-box;padding-right: 40rpx;position: relative;">
							{{tz_leixing || ''}}
							<image
								src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20230410/6ab2daab2983ccfe88513f09feb6fdc6.png"
								style="width: 30rpx;height: 30rpx;position: absolute;top: 50%;right: 0;transform: translateY(-50%);"
								mode=""></image>
						</view>
					</view>
					<view>
						<view style="line-height: 60rpx;font-size: 22rpx;color: #999999;">
							帖子类型
						</view>
						<view style="overflow: hidden;" class="more_sx">
							<view @click="xuanze_lei(index)" :class="item.check?'sx_active':'sx_as'"
								v-for="(item,index) in list1" :key='index'
								style="width: 330rpx;float: left;box-sizing: border-box;line-height: 70rpx;text-align: center;font-size: 24rpx;border-radius: 8rpx;">
								{{item.name}}
							</view>
						</view>
					</view>
					<view>
						<view style="line-height: 60rpx;font-size: 22rpx;color: #999999;">
							发布人身份
						</view>
						<view style="overflow: hidden;" class="more_sx">
							<view @click="sxtj(index)" :class="item.check?'sx_active':'sx_as'"
								v-for="(item,index) in sx_list" :key='index'
								style="width: 330rpx;float: left;box-sizing: border-box;line-height: 70rpx;text-align: center;font-size: 24rpx;border-radius: 8rpx;">
								{{item.name}}
							</view>
						</view>
					</view>

				</view>
				<view style="margin-top: 30rpx;display: flex;line-height: 100rpx;">
					<view @click="sx_chongzhi"
						style="flex: 1;height: 100rpx;font-size: 30rpx;color: #333333;text-align: center;border-radius:0 0 0 20rpx;background-color: #F1F1F1;">
						取消
					</view>
					<view @click="sx_wancheng"
						style="flex: 1;height: 100rpx;font-size: 30rpx;color: #FFFFFF;text-align: center;border-radius:0 0 20rpx 0;background-color: #5EC4C2;">
						确定
					</view>
				</view>
			</view>
		</u-popup>


		<uni-popup id="popup" ref="popup3" :type="type_status" :animation="true">
			<view class="" style="background-color: #FFFFFF;padding:30upx;border-radius: 20upx;width: 500rpx;">
				<view @click="yijian_phone"
					style="width: 100%;height: 80rpx;line-height: 80rpx;text-align: center;font-size: 24rpx;background-color: #C9E7E6;color: #1fb0ac;border-radius: 40rpx;margin-bottom: 20rpx;">
					拨打电话
				</view>
				<view @click="yijian_kefu"
					style="width: 100%;height: 80rpx;line-height: 80rpx;text-align: center;font-size: 24rpx;background-color: #1fb0ac;color: #ffffff;border-radius: 40rpx;">
					联系客服
				</view>

			</view>
		</uni-popup>

		<uni-popup id="popup" ref="popup4" :type="type_status" :animation="true">
			<view class="" style="background-color: #FFFFFF;padding:30upx;border-radius: 20upx;width: 600rpx;">
				<view style="width: 100%;z-index: 5;border-radius:30rpx ;margin: 0 auto 20rpx;position: relative;">

					<input @input="sousuo_changhao" type="text" class="sou1" placeholder-class="suo1"
						placeholder="请输入厂号" />
					<image
						src="https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20230801/8f40a867b99ae8c72cc57a9698b6ce81.png"
						class="souicon" mode=""></image>
				</view>
				<scroll-view scroll-y="true" style="height: 600rpx;">
					<view style="width: 100%;overflow: hidden;" class="changhao_box">
						<view :key="index" class="yihang" @click="qihuo_change2(index)"
							v-for="(item,index) in yuan_list_arr2"
							:class="item.id==specification_ids?'ch_active':'ch_as'"
							style="width: 32%;float: left;height: 60rpx;line-height: 60rpx;text-align: center;border-radius: 30rpx;box-sizing: border-box;padding: 0 10rpx;">
							{{item.name || ''}}
						</view>

					</view>
				</scroll-view>
				<view style="display: flex;line-height: 80rpx;padding-top: 20rpx;background-color: #fff;">
					<!-- <view @click="changhao_qx" style="flex: 1;height: 80rpx;font-size: 30rpx;color: #333333;text-align: center;border-radius:20rpx;background-color: #F1F1F1;">
						取消
					</view> -->
					<view @click="changhao_wc"
						style="flex: 1;height: 80rpx;font-size: 30rpx;color: #FFFFFF;text-align: center;border-radius:20rpx;background-color: #5EC4C2;">
						确定
					</view>
				</view>
			</view>
		</uni-popup>


		<mrhardTabbar :newsNum="num"></mrhardTabbar>
		<!-- #ifdef APP-PLUS || H5 -->
		<noLoginToast ref="noLoginToast" />
		<callPhone ref="callPhone" />
		<!-- #endif -->
		<wu-app-update></wu-app-update>
	</view>
</template>
<script>
	import isAuditIos from '@/common/isAuditIos.js'
	import aloysTab from "@/components/aloys-tab/aloys-tab.vue"
	import LbPicker from '@/components/lb-picker'
	// import QQMapWX from '@/common/qqmap-wx-jssdk.min.js'
	let qqmap;
	import mrhardTabbar from "../../components/mrhard-tabbar.vue";
	import vgtTab from '@/components/vgt-tab.vue'
	import forignCompany from '../components/forignCompany/index.vue'
	import {
		genTestUserSig
	} from '@/im/debug/GenerateTestUserSig.js';
	const app = getApp();
	import {
		uploadUrl
	} from '@/common/setting.js';
	import TIM from 'tim-wx-sdk/tim-wx-friendship.js';
	import COS from 'cos-wx-sdk-v5';
	export default {
		components: {
			mrhardTabbar,
			vgtTab,
			LbPicker,
			aloysTab,
			forignCompany
		},
		mixins: [isAuditIos],
		data() {
			return {
				checkedIsRecommend: true,
				selectIndex: 1,
				list_tabs: [{
						title: '首页',
						text: '首页',
						content: '恭喜【厦门陈纪乐食品有限公司】成功入驻',
						index: 1
					},
					{
						title: '海外报价',
						text: '海外报价',
						content: '恭喜【厦门陈纪乐食品有限公司】成功入驻',
						index: 2
					},
					// {
					// 	title: '企业',
					// 	text: '企业',
					// 	content: '恭喜【厦门陈纪乐食品有限公司】成功入驻',
					// 	index: 3
					// },
					{
						title: '新闻资讯',
						text: '新闻资讯',
						content: '恭喜【厦门陈纪乐食品有限公司】成功入驻',
						index: 4
					}
				],
				refreStatus: false,
				swiperIndex: 0, //当前的swiperindex
				navItemWidth: '28', //选中下划线的宽度
				navItemLeft: 0, //选中下划线的显示位置
				scrollToLeft: 0, //scrollview需要滚动的距离
				navInfos: [], //所有navitem的节点信息
				parentLeft: 0, //nav盒子的节点信息
				componentWidth: 0, //nav盒子的宽度
				fl_xianshi: false,
				tc_is_show: false,
				tc_image: '',
				da: false,
				city: '',
				province: '',
				area: '',
				longitude: '',
				latitude: '',
				scrollTop: 0,
				navheight: 0,
				statusBarHeight: 0,
				menuHeight: 0,
				haveBack: false,
				btnHeight: 30,
				btnWidth: 70,
				isScroll: true,
				slotheight: '0',

				list3: [],
				lbt_list: [],
				fl_list: [],
				type: 1,
				type_status: 'center',
				list1: [],
				yuan_list1: [],
				list2: [],
				yuan_list2: [],
				xiao: true,

				qi: 1,
				tui_type: 1,

				kuai_list: [],
				// 推荐首页帖子
				page: 1,
				kk: false,
				enmpy: false,
				list: [],
				category_id: '',
				//新闻资讯
				list4: [],
				list5: [],
				yuan_list5: [],
				page2: 1,
				kk2: false,
				enmpy2: false,
				category_id2: '',

				qihuo: '',
				list_arr: [],
				yuan_list_arr: [],
				qihuo1: '',
				list_arr1: [],
				yuan_list_arr1: [],
				qihuo2: '',
				list_arr2: [],
				yuan_list_arr2: [],
				qh_enmpy: false,
				qh_kk: false,
				qhjy_list: [],
				qhjy_page: 1,
				craft_ids: '',
				place_ids: '',
				specification_ids: '',
				manage_category_ids: '',
				brand_id: '',
				is_vip: 0,
				company_check: 0,
				firm_user: 0,
				qhjyfl_list: [],
				fl_type: -1,
				pp_list: [],
				keywords: '',
				lh_id: '',
				lh_index: '',


				top_show: false,
				index_wz: '',
				tz_leixing: '',
				tzlx_id: '',
				sx_list: [{
						name: '个人',
						check: false,
						id: 1
					},
					{
						name: '企业',
						check: false,
						id: 2
					}
				],
				sx_id: [],
				daicai_phone: '',
				kai_vip: true,
				jia_qiye: true,
				zhi_xs: {},

				// 直播
				zhi: 1,
				zhi_page: 1,
				zhi_kk: false,
				zhi_enmpy: false,
				zhi_list: [],

				gundong_gg: [],
				order_type: 1,
				chat_look: '',
				tiezi_lx: '',
				brand_id: '',
				xiaoxi_num: '',
				is_server: 1,
				zuixin: {},
				scroll_Top1: 0,
				oldscroll_Top1: 0,
				scroll_Top2: 0,
				oldscroll_Top2: 0,
				scroll_Top3: 0,
				oldscroll_Top3: 0,
				scroll_Top4: 0,
				oldscroll_Top4: 0,
				num: '',
				conversationList: [],
				zzh_show: true,
				zzh_title: '',
				iosUpAppStore: false
			}
		},
		onShareAppMessage(e) {
			return {
				title: '冻品人都在用的信息服务平台',
				path: '/pages/index/index',
			}
		},
		onShareTimeline(e) {
			return {
				title: '冻品人都在用的信息服务平台',
				path: '/pages/index/index',
			}
		},
		onReady() {
			// qqmap = new QQMapWX({
			// 	// key: ‘PATBZ-EZURU-G***FU-GCBRO-LWFXC’
			// 	key: 'FOPBZ-BUOO4-5RZUS-DHXVW-EBIYJ-PDBSC'
			// });
			// // this.address_xx()
			let that = this
			uni.onNetworkStatusChange(function(res) {
				if (res.isConnected) {
					let routes = getCurrentPages(); // 获取当前打开过的页面路由数组
					let curRoute = routes[routes.length - 1].route // 获取当前页面路由，也就是最后一个打开的页面路由
					if (curRoute.includes('pages/index/index')) {
						uni.reLaunch({
							url: '/pages/index/index'
						})
					}
				}
			});
		},
		onShow() {
			this.tzxuanze_fl()
			let token = uni.getStorageSync('token')
			if (token) {
				this.denglu_im()
			}
			this.shuju()
			if (uni.getStorageSync('tan_type') != 1) {
				this.tankuang()
			}
			if (uni.getStorageSync('token')) {
				this.num = uni.getStorageSync('xiaoxi_num')
			} else {
				uni.setStorageSync('xiaoxi_num', 0)
				this.num = 0
			}
			if (uni.getStorageSync('index') != '') {
				uni.removeStorageSync('index')
				this.qie(3)
			}


			// this.keywords = ''
			// this.page=1
			// // this.enmpy=false
			// this.kk=false
			// this.list=[]

			// if(this.type==1){
			// 	if(uni.getStorageSync('shi') && uni.getStorageSync('shi')!=this.city){
			// 		this.page=1
			// 		this.enmpy=false
			// 		this.kk=false
			// 		this.list=[]
			// 		this.city=uni.getStorageSync('shi')
			// 		this.province=uni.getStorageSync('sheng')

			// 	}else{
			// 		this.page=1
			// 		this.enmpy=false
			// 		this.kk=false
			// 		this.list=[]

			// 	}
			// }
		},
		onLoad(option) {
			uni.showLoading({
				title: ''
			})
			this.imga()
			if (option.id) {
				uni.setStorageSync('pid', option.id)
			} else {
				let sceneStr = decodeURIComponent(option.scene); //这里的值就是二维码里带的参数值
				uni.setStorageSync('pid', sceneStr)
			}
			if (option.type) {
				this.swiperIndex = option.type
				this.taggleNav(this.swiperIndex)
			} else {
				this.swiperIndex = 0
			}
			// this.address_xx()
			this.province = uni.getStorageSync('sheng') || '全国'
			this.city = uni.getStorageSync('shi') || '全国'
			this.lunbotu()
			this.getCategory()
			// this.kuai()
			this.tz_fl()
			this.gdgg()
			this.shifou_zhi()








			// this.qhjy_fl()
			// this.pp()
			// this.zhiboxinxi()

			// this.tiezi()
			// this.kk = false
			// this.list = []
			// this.enmpy = false
			// this.page = 1
			// this.list1 = []
			// this.yuan_list1 = []

			// this.kk2 = false
			// this.list4 = []
			// this.enmpy2 = false
			// this.page2 = 1
			// this.list2 = []
			// this.yuan_list2 = []
			// this.lunbotu()
			// this.fl()

			// this.kuai()
			// this.tz_fl()

			// this.xw_fl()
			// this.xinwen()

			// this.qi = 1
			// this.qhjy_page = 1
			// this.qhjy_list = []
			// this.qihuo = ''
			// this.list_arr = []
			// this.yuan_list_arr = []
			// this.qihuo1 = ''
			// this.list_arr1 = []
			// this.yuan_list_arr1 = []
			// this.qihuo2 = ''
			// this.list_arr2 = []
			// this.yuan_list_arr2 = []
			// this.qh_enmpy = false
			// this.qh_kk = false
			// this.tui_type = 1
			// this.fl_type = -1
			// this.craft_ids = ''
			// this.place_ids = ''
			// this.specification_ids = ''
			// this.manage_category_ids = ''
			// this.jggy()
			// this.chanqu()
			// this.baozhuang()
			// this.qhjy_fl()
			// this.pp()


			// this.qh_kk=false
			// this.qhjy_list=[]
			// this.qh_enmpy=false
			// this.qhjy_page=1
		},
		// onPullDownRefresh() {
		// 	this.keywords = ''
		// 	this.userinfo()

		// 	this.kk = false
		// 	this.list = []
		// 	this.enmpy = false
		// 	this.page = 1

		// 	this.zhi=1
		// 	this.zhiboxinxi()

		// 	this.kk2 = false
		// 	this.list4 = []
		// 	this.enmpy2 = false
		// 	this.page2 = 1
		// 	this.list2 = []
		// 	this.yuan_list2 = []
		// 	this.lunbotu()
		// 	this.fl()

		// 	this.kuai()
		// 	this.list1 = []
		// 	this.yuan_list1 = []
		// 	this.list5 = []
		// 	this.yuan_list5 = []
		// 	this.tz_fl()
		// 	this.tzxuanze_fl()
		// 	this.xw_fl()
		// 	this.xinwen()

		// 	this.qi = 1
		// 	this.qhjy_page = 1
		// 	this.qhjy_list = []
		// 	this.qihuo = ''
		// 	this.list_arr = []
		// 	this.yuan_list_arr = []
		// 	this.qihuo1 = ''
		// 	this.list_arr1 = []
		// 	this.yuan_list_arr1 = []
		// 	this.qihuo2 = ''
		// 	this.list_arr2 = []
		// 	this.yuan_list_arr2 = []
		// 	this.qh_enmpy = false
		// 	this.qh_kk = false
		// 	this.tui_type = 1
		// 	this.fl_type = -1
		// 	this.craft_ids = ''
		// 	this.place_ids = ''
		// 	this.specification_ids = ''
		// 	this.manage_category_ids = ''
		// 	this.jggy()
		// 	this.chanqu()
		// 	this.baozhuang()
		// 	this.qhjy_fl()
		// 	this.pp()

		// 	setTimeout(function() {
		// 		uni.stopPullDownRefresh();
		// 	}, 2000);
		// },
		// onReachBottom() {
		// 	if (this.type == 1) {
		// 		if (this.enmpy) {
		// 			return
		// 		} else {


		// 		}
		// 	} else if (this.type == 2) {
		// 		if (this.qh_enmpy) {
		// 			return
		// 		} else {
		//
		// 		}
		// 	} else if (this.type == 4) {
		// 		if (this.enmpy2) {
		// 			return
		// 		} else {
		// 			this.xinwen()
		// 		}
		// 	}
		// },
		methods: {
			reload() {
				// 页面重载
				// const pages = getCurrentPages()
				// 声明一个pages使用getCurrentPages方法
				// const curPage = pages[pages.length - 1]
				// 声明一个当前页面
				// curPage.onLoad(curPage.options) // 传入参数
				// curPage.onShow()
				// curPage.onReady()
				// 返回上一页面，并重新加载当前页面
				uni.navigateTo({
					url: '/pages/index/index',
					success: () => {
						uni.navigateBack()
					}
				})
				// 执行刷新
			},
			loginSuccess() {

			},

			guanbi_zzh() {
				this.zzh_show = false
			},
			gzzzh() {
				uni.navigateTo({
					url: '/fenbao/pages/login/gzzzh'
				})
			},
			imga() {
				this.post('api/index/follow_info', '', false).then(res => {
					if (res.code == 1) {
						this.zzh_title = res.data.title
					}
				})
			},
			scroll1(e) {
				this.oldscroll_Top1 = e.detail.scrollTop
			},
			// 滚动到顶部
			gundong1() {
				this.scroll_Top1 = this.oldscroll_Top1
				this.oldscroll_Top1 = 0
				this.$nextTick(() => {
					this.scroll_Top1 = 0
				});
				// uni.pageScrollTo({
				// 	scrollTop: 0
				// })
			},
			scroll2(e) {

				this.oldscroll_Top2 = e.detail.scrollTop
			},
			// 滚动到顶部
			gundong2() {
				this.scroll_Top2 = this.oldscroll_Top2
				this.oldscroll_Top2 = 0
				this.$nextTick(() => {
					this.scroll_Top2 = 0
				});
				// uni.pageScrollTo({
				// 	scrollTop: 0
				// })
			},
			scroll3(e) {

				this.oldscroll_Top3 = e.detail.scrollTop
			},
			// 滚动到顶部
			gundong3() {
				this.scroll_Top3 = this.oldscroll_Top3
				this.oldscroll_Top3 = 0
				this.$nextTick(() => {
					this.scroll_Top3 = 0
				});
				// uni.pageScrollTo({
				// 	scrollTop: 0
				// })
			},
			scroll4(e) {

				this.oldscroll_Top4 = e.detail.scrollTop
			},
			// 滚动到顶部
			gundong4() {
				this.scroll_Top4 = this.oldscroll_Top4
				this.oldscroll_Top4 = 0
				this.$nextTick(() => {
					this.scroll_Top4 = 0
				});
				// uni.pageScrollTo({
				// 	scrollTop: 0
				// })
			},
			shuju() {
				this.post1('api/chat', '', false).then(res => {
					if (res.code == 1) {
						this.zuixin = res.data
					}
				})
			},
			denglu_im() {
				let that = this
				const userID = uni.getStorageSync('mobile2').toString();
				if (!userID) return
				const userSig = genTestUserSig(userID).userSig;
				app.globalData.userInfo = {
					userSig,
					userID
				};
				uni.setStorageSync('userInfo', app.globalData.userInfo);
				// 登录腾讯im
				uni.$TUIKit
					.login({
						userID: userID,
						userSig: userSig
					})
					.then(res => {
						// this.$u.toast('首页im登录成功')
						this.$store.commit('setToken', app.globalData.userInfo);
						// uni.$TUIKit.on(uni.$TUIKitEvent.CONVERSATION_LIST_UPDATED, this.onConversationListUpdated);
						// this.getConversationList();
						uni.$TUIKit.on(uni.$TUIKitEvent.CONVERSATION_LIST_UPDATED, this.onConversationListUpdated);
						setTimeout(function() {
							that.getConversationList();
						}, 500)
					})
					.catch(() => {});
			},
			getConversationList() {
				let that = this
				uni.$TUIKit.getConversationList().then(imResponse => {
					this.conversationList = imResponse.data.conversationList;
					this.num = 0
					for (let i = 0; i < this.conversationList.length; i++) {
						if (this.conversationList[i].type != '@TIM#SYSTEM') {
							this.num += this.conversationList[i].unreadCount
						}
					}

					uni.setStorageSync('xiaoxi_num', this.num)
				});
			},
			onConversationListUpdated(event) {
				let that = this
				this.conversationList = event.data;
				this.num = 0
				for (let i = 0; i < this.conversationList.length; i++) {
					if (this.conversationList[i].type != '@TIM#SYSTEM') {
						this.num += this.conversationList[i].unreadCount
					}
				}
				uni.setStorageSync('xiaoxi_num', this.num)
			},
			dingyue() {
				uni.getSetting({
					withSubscriptions: true, //是否获取用户订阅消息的订阅状态，默认false不返回
					success(res) {
						if (!res.subscriptionsSetting.mainSwitch) {
							uni.showModal({
								title: '温馨提示',
								content: "检测到您没有开启订阅消息的权限，是否去设置？",
								success: function(modal) {
									if (modal.confirm) { // 点击肯定
										uni.openSetting({
											withSubscriptions: true
										});
									} else {
										uni.showToast({
											title: "您已拒绝订阅消息授权，无法预约领取",
											icon: "none",
											duration: 1000
										})
									}
								}
							})

						} else {
							uni.requestSubscribeMessage({
								tmplIds: ['e5vEPFIILzZ-O0WW6Ez6lJCi6sd5O8o47yb_820PHTg'],
								success(res) {


								}
							})
						}


					}
				})
			},




			// 大分类12311111111111111111111111111111111111111111111111111111111111
			// 获取dom信息
			init() {
				const query = uni.createSelectorQuery().in(this);
				query.select('.uni-nav').fields({
					rect: true,
					size: true
				}, res => {
					this.parentLeft = res.left;
					this.componentWidth = res.width;
				});
				query.selectAll('.nav-item').fields({
					rect: true,
					size: true
				}, data => {
					data.forEach((item, index) => {
						if (index == 0) {
							this.navItemWidth = item.width;
							this.navItemLeft = item.left;
						}
						this.navInfos.push({
							width: item.width,
							left: item.left
						});

					});
				});
				query.exec();
			},
			taggleNav1(val) {
				this.swiperIndex = val;
				this.qie(this.swiperIndex + 1)
			},
			// 点击导航切换swiper
			async taggleNav(val, item) {
				if (+item.index === 0 || item.index) {
					this.swiperIndex = val - 1;
					this.qie(+item.index)
				} else {
					this.swiperIndex = val;
					this.qie(val)
				}
			},
			// 滚动tabs以及移动下划线
			scrollDom() {
				let info = this.navInfos[this.swiperIndex];
				let offsetLeft = info.left - this.parentLeft;
				let scrollLeft = offsetLeft - (this.componentWidth - info.width) / 2;
				this.scrollToLeft = scrollLeft < 0 ? 0 : scrollLeft;
				this.navItemLeft = this.navInfos[this.swiperIndex].left;
				setTimeout(() => {
					this.navItemWidth = info.width;
				}, 50);
			},
			// swiper的index变动
			swiperChange(e) {
				this.selectIndex = e.detail.current + 1
				this.swiperIndex = e.detail.current;
				this.scrollDom();
				this.$emit('currentIndex', this.swiperIndex);
				this.qie(this.swiperIndex + 1)
			},
			// tabs-scrollview触底
			handleScroll(e) {
				this.scrollDom();
			},
			// swiper-ScrollLower触底
			swiperScrollLower() {
				// uni.showToast({
				// 	icon: 'none',
				// 	title: `此时为${this.list_tabs[this.swiperIndex]}触底111111`
				// });
				if (this.swiperIndex == 0) {
					if (this.enmpy) {
						return
					} else {
						this.page++
						this.tiezi()
					}
				} else if (this.swiperIndex == 1) {
					if (this.qh_enmpy) {
						return
					} else {
						this.qhjy_page++
						this.qijylist()
					}
				} else if (this.swiperIndex == 3) {
					if (this.enmpy2) {
						return
					} else {
						this.page2++
						this.xinwen()
					}
				}

			},
			// 生成列表数据
			getData() {
				uni.showLoading({
					title: ''
				});
				setTimeout(() => {
					for (let index = 0; index < 10; index++) {
						let arr = this.list_tabs[this.swiperIndex].content;
						this.$set(arr, arr.length, Math.random() + '-' + index + this.list_tabs[this.swiperIndex]
							.title);
					}
					uni.hideLoading();
				}, 1000);
			},
			// 下拉事件
			handleRefre1() {
				this.refreStatus = true;
				this.top_show = false
				this.index_wz = ''
				this.tz_leixing = ''
				this.tiezi_lx = ''
				this.tzlx_id = ''
				this.sx_id = []
				this.category_id = ''
				this.list = []
				this.kk = false
				this.enmpy = false
				this.page = 1
				this.yuan_list5 = []
				this.order_type = ''
				this.list5 = []
				this.yuan_list1 = []
				this.list1 = []
				this.tz_fl()

				this.tzxuanze_fl()
				this.tiezi()
				setTimeout(() => {
					uni.hideLoading();
					this.refreStatus = false;
				}, 1000);


			},
			handleRefre2() {
				this.refreStatus = true;
				this.fl_type = -1
				this.qhjy_page = 1
				this.qhjy_list = []
				this.qihuo = ''
				this.list_arr = []
				this.yuan_list_arr = []
				this.qihuo1 = ''
				this.list_arr1 = []
				this.yuan_list_arr1 = []
				this.qihuo2 = ''
				this.list_arr2 = []
				this.yuan_list_arr2 = []
				this.qh_enmpy = false
				this.qh_kk = false
				this.tui_type = 1
				this.craft_ids = ''
				this.place_ids = ''
				this.specification_ids = ''
				this.manage_category_ids = ''
				// this.qhjy_list = []
				// this.qhjy_page = 1
				this.jggy()
				this.chanqu()
				this.baozhuang('')
				this.qijylist()
				setTimeout(() => {
					uni.hideLoading();
					this.refreStatus = false;
				}, 1000);
			},
			handleRefre3() {
				this.refreStatus = true;
				this.zhi = 1
				this.zhiboxinxi()
				setTimeout(() => {
					uni.hideLoading();
					this.refreStatus = false;
				}, 1000);
			},
			handleRefre4() {
				this.refreStatus = true;
				this.kk2 = false
				this.list4 = []
				this.enmpy2 = false
				this.page2 = 1
				this.list2 = []
				this.yuan_list2 = []
				this.xw_fl()
				this.xinwen()
				setTimeout(() => {
					uni.hideLoading();
					this.refreStatus = false;
				}, 1000);
			},
			ptggxq(id) {
				uni.navigateTo({
					url: '/fenbao/pages/wenzhang/cjxq?id=' + id
				});
			},
			gdgg() {
				this.post('api/index/futures_notice', '', false).then(res => {
					if (res.code == 1) {
						this.gundong_gg = res.data
					}
				})
			},
			// 直播信息
			zhiboxinxi() {
				this.post('api/live/lists', {
					type: this.zhi
				}, true).then(res => {
					if (res.code == 1) {
						this.zhi_list = res.data
					}
				})
			},
			async zhibo_xq(id) {
				let isLogin = await this.$refs.noLoginToast.open()
				if (isLogin) {
					let isHasMobile = await this.$refs.noLoginToast.getPhoneNumber()
					if (!isHasMobile) {
						return
					}
				} else {
					return
				}
				uni.navigateTo({
					url: '../../pages/index/zhi?roomId=' + id
				})
				let roomId = id
				if (roomId) {
					let customParams = encodeURIComponent(JSON.stringify({
						path: 'pages/index/index',
						pid: 1
					}))
					this.setData({
						roomId: roomId,
						customParams: customParams
					})
					uni.navigateTo({
						url: `plugin-private://wx2b03c6e691cd7370/pages/live-player-plugin?room_id=${roomId}`,
					})
				}

			},
			// 判断是否隐藏直播
			shifou_zhi() {
				this.post('api/index/check', '', false).then(res => {
					if (res.code == 1) {
						this.zhi_xs = res.data
					}
				})
			},
			// 不是vip会员，去充值
			async kthy() {
				let isLogin = await this.$refs.noLoginToast.open()
				if (isLogin) {
					let isHasMobile = await this.$refs.noLoginToast.getPhoneNumber()
					if (!isHasMobile) {
						return
					}
				} else {
					return
				}
				if (this.iosUpAppStore) {
					uni.navigateTo({
						url: '../../subpages/pages/vip'
					})
				}

			},
			// 去认证企业
			async companyAuthentication() {
				let isLogin = await this.$refs.noLoginToast.open()
				if (isLogin) {
					let isHasMobile = await this.$refs.noLoginToast.getPhoneNumber()
					if (!isHasMobile) {
						return
					}
				} else {
					return
				}
				uni.navigateTo({
					url: '../../subpages/pages/qy_leibie'
				})
			},

			async yijian(phone, brand_id) {
				let isLogin = await this.$refs.noLoginToast.open()
				if (isLogin) {
					let isHasMobile = await this.$refs.noLoginToast.getPhoneNumber()
					if (!isHasMobile) {
						return
					}
				} else {
					return
				}
				this.$refs.popup3.open()
				this.daicai_phone = phone
				this.brand_id = brand_id

			},
			yijian_phone() {
				this.$refs.popup3.close()
				this.callPhone(this.daicai_phone)
				// uni.makePhoneCall({
				// 	phoneNumber: this.daicai_phone //仅为示例
				// });
			},
			callPhone(phoneNumber) {
				this.$refs.callPhone.open(phoneNumber)
			},
			async yijian_kefu() {
				let that = this
				this.$refs.popup3.close()
				let isLogin = await this.$refs.noLoginToast.open()
				if (isLogin) {
					let isHasMobile = await this.$refs.noLoginToast.getPhoneNumber()
					if (!isHasMobile) {
						return
					}
				} else {
					return
				}
				this.post('api/im/im/purchasing', {
					brand_id: this.brand_id
				}, true).then(res => {
					if (res.code == 1) {
						let aid = 'GROUP' + res.data.group_id
						if (uni.getStorageSync('userinfo').is_server == 1) {
							uni.setStorageSync('user_id', res.data.user.id)
							uni.setStorageSync('friend_name', res.data.user.remark_name || res.data.user
								.name)
						} else {
							uni.setStorageSync('user_id', 0)
							uni.setStorageSync('friend_name', res.data.server.name)
						}
						uni.navigateTo({
							url: `/im/chat/dan_chat?conversationID=${aid}`,
							// url: `/im/login/login`,
						})
					} else {
						uni.showToast({
							title: res.msg,
							icon: "none",
							duration: 1000
						})
					}
				})
			},
			// 弹出层选择位置
			xz_weizhi() {
				uni.navigateTo({
					url: '../../subpages/pages/index_weizhi'
				})
			},
			// 帖子分类
			tz_lx() {
				uni.navigateTo({
					url: '../../subpages/pages/index_tzfl'
				})
			},
			sxtj(index) {
				this.sx_list[index].check = !this.sx_list[index].check
				if (this.sx_id.length <= 0) {
					this.sx_id.push(this.sx_list[index].id)
				} else {
					for (let i = 0; i < this.sx_id.length; i++) {
						if (this.sx_id[i] == this.sx_list[index].id) {
							this.sx_id.splice(i, 1)
							return
						}
					}
					this.sx_id.push(this.sx_list[index].id)
				}
			},
			// 更多三杠
			more() {
				this.top_show = true
			},
			top_close() {
				this.top_show = false
			},

			sx_chongzhi() {
				this.top_show = false
				this.index_wz = ''
				this.tz_leixing = ''
				this.tiezi_lx = ''
				this.tzlx_id = ''
				this.sx_id = []
				this.category_id = ''
				for (let i = 0; i < this.sx_list.length; i++) {
					this.sx_list[i].check = false
				}
				for (let i = 0; i < this.list1.length; i++) {
					this.list1[i].check = false
				}
				this.list = []
				this.kk = false
				this.enmpy = false
				this.page = 1
				this.tiezi(1)
			},
			sx_wancheng() {
				this.top_show = false
				this.list = []
				this.kk = false
				this.enmpy = false
				this.page = 1
				for (let i = 0; i < this.list5.length; i++) {
					if (i == 1) {
						this.list5[i].check = true
					} else {
						this.list5[i].check = false
					}
				}
				this.order_type = this.yuan_list5[1].id
				this.tiezi(1)
			},
			// 首页弹框图片
			tankuang() {
				this.post('api/index/showVipPoster', '', false).then(res => {
					if (res.code == 1) {
						if (res.data.status == 1) {
							this.tc_is_show = true
							this.tc_image = res.data.poster
						} else {
							this.tc_is_show = false
						}
					}
				})
			},

			// 优惠券
			async bgtu_tiao() {
				this.tc_is_show = false
				let isLogin = await this.$refs.noLoginToast.open()
				if (isLogin) {
					let isHasMobile = await this.$refs.noLoginToast.getPhoneNumber()
					if (!isHasMobile) {
						return
					}
				} else {
					return
				}
				if (this.iosUpAppStore) {
					uni.navigateTo({
						url: '../../subpages/pages/vip'
					})
				}
			},
			// 直接入口
			async zhijie_tiao(index, path, type) {
				let isLogin = await this.$refs.noLoginToast.open()
				if (!isLogin) {
					return
				} else {
					if (path.indexOf('index/index') != '-1') {
						this.qie(path.substr(path.length - 1, 1))
					} else {
						uni.navigateTo({
							url: path
						})
					}

					return
					if (index == 1) {
						this.qie(2)
					} else if (index == 2) {
						this.qie(3)
					} else {
						uni.navigateTo({
							url: path
						})
					}
				}
			},
			// 背景关闭
			bgguan() {
				this.tc_is_show = false
				uni.setStorageSync('tan_type', '1')
			},
			// 用户信息
			async yonghu_xx(id, type, f_id, status, name) {
				if (type == 1) {
					if (status == 1) {
						uni.navigateTo({
							url: '../../fenbao/pages/wenzhang/qyxq?id=' + f_id + '&name=' + name
						})
					}
					uni.navigateTo({
						url: '../../subpages/pages/wuliuqiye/wl_qyxq?id=' + f_id + '&name=' + name
					})
				} else {
					uni.navigateTo({
						url: '../../fenbao/pages/wenzhang/yhxx?id=' + id
					})
				}
			},
			// 代采介绍
			async dcjs(id) {
				uni.navigateTo({
					url: '../../subpages/pages/dcjs?id=' + id
				})
			},
			getSysHeightInfo() {
				const that = this
				let statusBarHeight, menuButtonObject, menuHeight, navheight, haveBack, btnHeight, btnWidth

				statusBarHeight = uni.getSystemInfoSync().statusBarHeight
				//#ifdef MP-WEIXIN
				menuButtonObject = uni.getMenuButtonBoundingClientRect()
				menuHeight = menuButtonObject.height + (menuButtonObject.top - statusBarHeight) * 2
				navheight = menuHeight + statusBarHeight
				btnHeight = menuButtonObject.height
				btnWidth = menuButtonObject.width
				//#endif
				//#ifdef H5
				menuHeight = 44
				navheight = menuHeight + statusBarHeight
				btnHeight = 30
				btnWidth = 70
				//#endif
				if (getCurrentPages().length === 1) { // 当只有一个页面时
					haveBack = false;
				} else {
					haveBack = true;
				}
				that.navheight = navheight
				that.statusBarHeight = statusBarHeight
				that.menuHeight = menuHeight
				that.haveBack = haveBack
			},
			userinfo() {
				this.post('api/client/info', '', true).then(res => {
					if (res.code == 1) {
						this.is_vip = res.data.is_vip
						this.company_check = res.data.company_check
						this.firm_user = res.data.firm_user
						this.chat_look = res.data.chat_look
						this.is_server = res.data.is_server
						this.checkedIsRecommend = res.data.is_recommend === 0 ? false : true
					}
				})
			},
			// 首页头部切换
			qie(index) {
				this.type = index
				if (this.type == 1) {
					// this.kk = false
					// this.list = []
					// this.enmpy = false
					// this.page = 1
					// this.category_id = ''
					// this.tiezi(1)
				} else if (this.type == 2) {
					this.fl_type = -1
					this.qhjy_page = 1
					this.qhjy_list = []
					this.qihuo = ''
					this.list_arr = []
					this.yuan_list_arr = []
					this.qihuo1 = ''
					this.list_arr1 = []
					this.yuan_list_arr1 = []
					this.qihuo2 = ''
					this.list_arr2 = []
					this.yuan_list_arr2 = []
					this.qh_enmpy = false
					this.qh_kk = false
					this.tui_type = 1
					this.craft_ids = ''
					this.place_ids = ''
					this.specification_ids = ''
					this.manage_category_ids = ''
					// this.qhjy_list = []
					// this.qhjy_page = 1
					this.qhjy_fl()
					this.pp()
					this.jggy()
					this.chanqu()
					this.baozhuang('')
					this.qijylist()
				} else if (this.type == 3) {
					this.zhi = 1
					this.zhiboxinxi()
				} else if (this.type == 4) {
					this.kk2 = false
					this.list4 = []
					this.enmpy2 = false
					this.page2 = 1
					this.list2 = []
					this.yuan_list2 = []
					this.xw_fl(1)
					this.xinwen(1)
				}
			},
			// onTabChange(index) {
			//   this.qie(index)
			// },
			// 添加关注
			async tjgz() {
				let isLogin = await this.$refs.noLoginToast.open()
				if (isLogin) {
					let isHasMobile = await this.$refs.noLoginToast.getPhoneNumber()
					if (!isHasMobile) {
						return
					}
				} else {
					return
				}
				// #ifdef MP-WEIXIN
				uni.getSetting({
					withSubscriptions: true, //是否获取用户订阅消息的订阅状态，默认false不返回
					success(res) {
						if (!res.subscriptionsSetting.mainSwitch) {
							uni.showModal({
								title: '温馨提示',
								content: "检测到您没有开启订阅消息的权限，是否去设置？",
								success: function(modal) {
									if (modal.confirm) { // 点击肯定
										uni.openSetting({
											withSubscriptions: true
										});
									} else {
										uni.showToast({
											title: "您已拒绝订阅消息授权，无法预约领取",
											icon: "none",
											duration: 1000
										})
									}
								}
							})
						} else {
							uni.requestSubscribeMessage({
								tmplIds: ['e5vEPFIILzZ-O0WW6Ez6lJCi6sd5O8o47yb_820PHTg'],
								success(res) {
									uni.navigateTo({
										url: '../../subpages/pages/guanzhu'
									})
								}
							})
						}
					}
				})
				// #endif
				// #ifdef H5 || APP-PLUS
				uni.navigateTo({
					url: '../../subpages/pages/guanzhu'
				})
				// #endif
			},
			//期货交易切换
			guanzhu(index) {
				this.qi = index
				this.qhjy_page = 1
				this.qhjy_list = []
				this.qihuo = ''
				this.list_arr = []
				this.yuan_list_arr = []
				this.qihuo1 = ''
				this.list_arr1 = []
				this.yuan_list_arr1 = []
				this.qihuo2 = ''
				this.list_arr2 = []
				this.yuan_list_arr2 = []
				this.qh_enmpy = false
				this.qh_kk = false
				this.tui_type = 1
				this.craft_ids = ''
				this.place_ids = ''
				this.specification_ids = ''
				this.manage_category_ids = ''
				// this.qhjy_list = []
				// this.qhjy_page = 1
				this.jggy()
				this.chanqu()
				this.baozhuang('')
				this.qijylist()

			},
			jiage(index) {
				this.tui_type = index
				if (index == 2) {
					this.$refs['picker'].show()
				} else if (index == 3) {
					this.$refs['picker1'].show()
				} else if (index == 4) {
					// this.$refs['picker2'].show()
					this.$refs.popup4.open()
				} else if (index == 1) {
					this.qihuo = ''
					this.qihuo1 = ''
					this.qihuo2 = ''
					this.qhjy_list = []
					this.qhjy_page = 1
					this.qh_enmpy = false
					this.qh_kk = false
					this.craft_ids = ''
					this.place_ids = ''
					this.specification_ids = ''
					// this.manage_category_ids = ''
					this.qijylist()
				}
			},
			handleConfirm(e) {

				this.qhjy_page = 1
				this.qhjy_list = []
				this.qijylist()
			},
			qihuo_change(e) {
				let that = this
				let index = e.index[0] || e.index
				this.craft_ids = this.yuan_list_arr[index].id
			},
			handleConfirm1(e) {
				// let that = this
				// let index = e.index[0] || e.index
				// this.place_ids = this.yuan_list_arr1[index].id
				this.qhjy_page = 1
				this.qhjy_list = []
				this.qijylist()
			},
			qihuo_change1(e) {
				let that = this
				let index = e.index[0] || e.index
				this.place_ids = this.yuan_list_arr1[index].id
			},
			handleConfirm2(e) {

				this.qhjy_page = 1
				this.qhjy_list = []
				this.qijylist()
			},
			qihuo_change2(index) {
				// let that = this
				// let index = e.index[0] || e.index
				this.specification_ids = this.yuan_list_arr2[index].id
				this.qihuo2 = this.yuan_list_arr2[index].name
				this.qhjy_page = 1
				this.qhjy_list = []
				this.qijylist()
			},

			changhao_qx() {
				this.$refs.popup4.close()
			},
			changhao_wc() {
				this.$refs.popup4.close()
				this.qhjy_page = 1
				this.qhjy_list = []
				this.qijylist()
			},
			sousuo_changhao(e) {
				this.baozhuang(e.detail.value)
			},

			// 直播
			zhibo(index) {
				this.zhi = index
				this.zhiboxinxi()
			},
			// 搜索
			async search() {
				uni.navigateTo({
					url: '../../fenbao/pages/wenzhang/sousuo?keywords=' + this.keywords + '&type=' + this
						.type +
						'&index=' + 1
				})
			},

			// 虾类跳转
			async xia_tiao(status, name, id, type, s_type, index) {
				if (type == 1) {
					uni.navigateTo({
						url: '../../fenbao/pages/leibie/wuliu?name=' + name + '&voice_manage_id=' + id +
							'&special_type=' + s_type
					})
				} else {
					uni.navigateTo({
						url: '../../fenbao/pages/leibie/xialei?name=' + name + '&voice_manage_id=' + id
					})
				}
				return
				if (index == 8) {
					this.qie(2)
				} else if (index == 9) {
					this.qie(3)
				} else {
					if (status == 1) {
						if (type == 1) {
							uni.navigateTo({
								url: '../../fenbao/pages/leibie/wuliu?name=' + name + '&voice_manage_id=' +
									id + '&special_type=' + s_type
							})
						} else {
							uni.navigateTo({
								url: '../../fenbao/pages/leibie/xialei?name=' + name + '&voice_manage_id=' + id
							})
						}

					}
				}
			},
			async wuliu_tiao() {
				let isLogin = await this.$refs.noLoginToast.open()
				if (isLogin) {
					let isHasMobile = await this.$refs.noLoginToast.getPhoneNumber()
					if (!isHasMobile) {
						return
					}
				}
				uni.navigateTo({
					url: '../../fenbao/pages/leibie/wuliu'
				})
			},
			// 全部品牌
			async qbpp() {
				let isLogin = await this.$refs.noLoginToast.open()
				if (isLogin) {
					let isHasMobile = await this.$refs.noLoginToast.getPhoneNumber()
					if (!isHasMobile) {
						return
					}
				}
				uni.navigateTo({
					url: '../../fenbao/pages/wenzhang/qbpp'
				})
			},
			// 厂家详情
			async changjia(id) {
				uni.navigateTo({
					url: '../../fenbao/pages/wenzhang/cjxq?id=' + id
				})
			},
			// 位置
			dizhi() {
				uni.navigateTo({
					url: '../../fenbao/pages/wenzhang/weizhi?sheng=' + this.province + '&shi=' + this.city
				})
			},


			// 轮播图
			lunbotu() {
				this.post('api/index/banner', '', false).then(res => {
					try {
						if (res.code == 1) {
							this.lbt_list = res.data
							for (let i = 0; i < res.data.length; i++) {
								this.list3.push(res.data[i].banner_image)
							}
						}
					} catch (error) {
					}
					// let list = [
					// 	'@/static/index/banner.png',
					// 	'@/static/index/banner.png',
					// 	'@/static/index/banner.png'
					// ]
					// this.list3 = list
				})
			},
			// 轮播图跳转
			async lbt(e) {
				// uni.navigateTo({
				// 	url: this.lbt_list[e].link_url
				// })
				// return
				// let isLogin = await this.$refs.noLoginToast.open()
				// if (isLogin) {
				// 	let isHasMobile = await this.$refs.noLoginToast.getPhoneNumber()
				// 	if (!isHasMobile) {
				// 		return
				// 	}
				// } else {
				// 	return
				// }
				// 				APP首页BANN图的跳转地址如下：BANN图广告公众号跳转地址：--dgh.html
				// BANN图广告小程序跳转地址---》dx.html
				// 南美白虾广告跳转地址-》--》dfreshtl.html
				const swiperLinkUrl = [
					'assets/protocol/dfreshtl.html',
					'assets/protocol/dgh.html',
					'assets/protocol/dx.html'
				]
				uni.navigateTo({
					url: '/subpages/pages/webview/index?linkUrl=' + uploadUrl + swiperLinkUrl[e]
				})
			},
			// 分类
			getCategory() {
				this.post('api/index/category', '', false).then(res => {
					if (res.code == 1) {
						this.fl_list = res.data
						if (res.data.length > 10) {
							this.fl_xianshi = true
						}
					}
				})
			},
			// 快捷入口
			kuai() {
				this.post('api/index/shortcut', '', true).then(res => {
					if (res.code == 1) {
						this.kuai_list = res.data
					}
				})
			},
			handleValueChange(currentVal) {
				// this.list = []
				this.kk = false
				this.enmpy = false
				this.page = 1
				this.category_id = this.yuan_list1[currentVal.currentInd].id
				this.tiezi(1)
			},
			xuanze_lei(index) {
				let that = this
				// uni.showActionSheet({
				// 	itemList: that.list1,
				// 	success: function (res) {
				// 		// let index = res.tapIndex
				// 		that.category_id = that.yuan_list1[res.tapIndex].id
				// 		that.tiezi_lx=that.yuan_list1[res.tapIndex].name
				// 	},
				// 	fail: function (res) {
				// 	}
				// });
				for (let i = 0; i < this.list1.length; i++) {
					if (index == i) {
						this.list1[i].check = true
					} else {
						this.list1[i].check = false
					}
				}
				this.category_id = this.yuan_list1[index].id
			},
			// 帖子分类
			tz_fl() {
				this.post('api/index/voice_category', '', false).then(res => {
					if (res.code == 1) {
						// let arr = [{
						// 	name: '全部',
						// 	id: ''
						// }]
						this.yuan_list1 = res.data
						// for (let i = 0; i < this.yuan_list1.length; i++) {
						// 	this.list1.push(this.yuan_list1[i].name)
						// }
						for (let i = 0; i < this.yuan_list1.length; i++) {
							this.list1.push({
								name: this.yuan_list1[i].name,
								check: false
							})
							// {name:this.yuan_list1[i].name,check:false}
						}
					}
				})
			},
			tzxuanze_fl() {
				// this.firstComePostList()
				// this.tiezi()
				let categoryPost = new Promise((resolve, reject) => {
					this.post('api/index/index_voice_category', '', false).then(res => {
						resolve(res)
					})
				})
				let userSetting = new Promise((resolve, reject) => {
					this.post('api/client/info', '', false).then(res => {
						resolve(res)
					})
				})
				Promise.all([categoryPost, userSetting]).then((res) => {
					// debugger
					let list5 = []
					if (res[0].code == 1) {
						let data = res[0].data
						this.yuan_list5 = data
						this.order_type = this.yuan_list5[0].id
						for (let i = 0; i < this.yuan_list5.length; i++) {
							list5.push({
								name: this.yuan_list5[i].name,
								check: false,
								isShow: i === 0 ? false : true
							})
						}
					}
					if (res[1].code == 1) {
						let data1 = res[1].data
						this.is_vip = data1.is_vip
						this.company_check = data1.company_check
						this.firm_user = data1.firm_user
						this.chat_look = data1.chat_look
						this.is_server = data1.is_server
						let checkedIsRecommend = data1.is_recommend === 0 ? false : true
						if (checkedIsRecommend) {
							list5[0].isShow = true
							list5[0].check = true
							this.order_type = 1
						} else {
							list5[0].isShow = false
							list5[1].check = true
							this.order_type = 2
						}
					} else if (res[1].code === 401) {
						list5[0].isShow = true
						list5[0].check = true
						this.order_type = 1
					}
					this.list5 = list5
				})
				setTimeout(() => {
					this.tieziNoLoading()
				}, 300)
				return
				this.post('api/index/index_voice_category', '', false).then(res => {
					if (res.code == 1) {
						// let arr = [{
						// 	name: '全部',
						// 	id: ''
						// }]
						this.yuan_list5 = res.data
						this.order_type = this.yuan_list5[0].id
						// for (let i = 0; i < this.yuan_list1.length; i++) {
						// 	this.list1.push(this.yuan_list1[i].name)
						// }
						let list5 = []
						for (let i = 0; i < this.yuan_list5.length; i++) {
							list5.push({
								name: this.yuan_list5[i].name,
								check: false,
								isShow: i === 0 ? false : true
							})
						}
						// list5[0].check = true
						this.post('api/client/info', '', false).then(res => {
							if (res.code == 1) {
								this.is_vip = res.data.is_vip
								this.company_check = res.data.company_check
								this.firm_user = res.data.firm_user
								this.chat_look = res.data.chat_look
								this.is_server = res.data.is_server
								let checkedIsRecommend = res.data.is_recommend === 0 ? false : true
								if (checkedIsRecommend) {
									list5[0].isShow = true
									this.order_type = 1
								} else {
									list5[0].isShow = false
									this.order_type = 2
								}
							} else if (res.code === 401) {
								list5[0].isShow = true
								this.order_type = 1
							}
							this.list5 = list5
							this.tiezi()
						})
					}
				})
			},
			fl_xuanze(index) {

				for (let i = 0; i < this.list5.length; i++) {
					if (index == i) {
						this.list5[i].check = true
					} else {
						this.list5[i].check = false
					}
				}
				if (index == 2) {
					for (let i = 0; i < this.list1.length; i++) {
						this.list1[i].check = false
					}
					this.category_id = ''
				}
				this.kk = false
				this.enmpy = false
				this.page = 1
				this.list = []
				this.order_type = this.yuan_list5[index].id
				this.tiezi(1)
			},

			firstComePostList() {
				let index_wz = []
				if (this.index_wz.includes('-')) {
					index_wz = this.index_wz.split('-')
				}
				let data = {
					category_id: this.category_id,
					page: this.page,
					limit: 3,
					province: index_wz[0] || this.province,
					city: index_wz[1] || this.city,
					district: index_wz[2],
					// area:this.area,
					longitude: this.longitude,
					latitude: this.latitude,
					voice_manage_id: this.tzlx_id,
					type: this.sx_id.join(','),
					order_type: this.order_type
				}
				this.post('api/index/voice', data, false).then(res => {
					if (res.code == 1) {
						if (this.page == 1) {
							if (res.data.data == null || res.data.data.length == 0) {
								this.kk = true
								this.enmpy = true
							} else if (res.data.data.length < 10) {
								this.enmpy = true
							} else {
								this.enmpy = false
							}
						} else {
							if (res.data.data == null || res.data.data.length == 0) {
								this.enmpy = true
							} else if (res.data.data.length < 10) {
								this.enmpy = true
							} else {
								this.enmpy = false
							}
						}
						let postList = [...res.data.data]
						// this.list.push(...res.data.data)
						for (let i = 0; i < postList.length; i++) {
							postList[i].num = !postList[i].main_content.match(/\n/g) ? 0 : postList[i]
								.main_content.match(/\n/g).length
							if (postList[i].num >= 4 || postList[i].main_content.length >= 88 || (postList[
									i].num == 3 && postList[i].main_content.length >= 25) || (postList[i]
									.num == 2 && postList[i].main_content.length >= 46) || (postList[i]
									.num == 1 && postList[i].main_content.length >= 67)) {
								postList[i].more_check = true
							} else {
								postList[i].more_check = false
							}
						}
						this.list = postList
					} else {
						this.kk = true
						uni.showToast({
							title: res.msg,
							icon: "none",
							duration: 1000
						})
					}
					// uni.hideLoading()
				})
			},
			// 帖子列表
			tieziNoLoading(click) {
				let index_wz = []
				if (this.index_wz.includes('-')) {
					index_wz = this.index_wz.split('-')
				}
				let data = {
					category_id: this.category_id,
					page: this.page,
					limit: 10,
					province: index_wz[0] || this.province,
					city: index_wz[1] || this.city,
					district: index_wz[2],
					// area:this.area,
					longitude: this.longitude,
					latitude: this.latitude,
					voice_manage_id: this.tzlx_id,
					type: this.sx_id.join(','),
					order_type: this.order_type
				}
				this.post('api/index/voice', data, false).then(res => {
					if (res.code == 1) {
						if (this.page == 1) {
							if (res.data.data == null || res.data.data.length == 0) {
								this.kk = true
								this.enmpy = true
							} else if (res.data.data.length < 10) {
								this.enmpy = true
							} else {
								this.enmpy = false
							}
						} else {
							if (res.data.data == null || res.data.data.length == 0) {
								this.enmpy = true
							} else if (res.data.data.length < 10) {
								this.enmpy = true
							} else {
								this.enmpy = false
							}
						}


						if (click == 1) {
							this.list = []
							this.kk = false
							this.enmpy = false
							this.page = 1
						}

						this.list.push(...res.data.data)
						for (let i = 0; i < this.list.length; i++) {
							this.list[i].num = !this.list[i].main_content.match(/\n/g) ? 0 : this.list[i]
								.main_content.match(/\n/g).length
							if (this.list[i].num >= 4 || this.list[i].main_content.length >= 88 || (this.list[
									i].num == 3 && this.list[i].main_content.length >= 25) || (this.list[i]
									.num == 2 && this.list[i].main_content.length >= 46) || (this.list[i]
									.num == 1 && this.list[i].main_content.length >= 67)) {
								this.list[i].more_check = true
							} else {
								this.list[i].more_check = false
							}
						}
					} else {
						this.kk = true
						uni.showToast({
							title: res.msg,
							icon: "none",
							duration: 1000
						})
					}
					// uni.hideLoading()
				})
			},
			// 帖子列表
			tiezi(click) {
				let index_wz = []
				if (this.index_wz.includes('-')) {
					index_wz = this.index_wz.split('-')
				}
				let data = {
					category_id: this.category_id,
					page: this.page,
					limit: 10,
					province: index_wz[0] || this.province,
					city: index_wz[1] || this.city,
					district: index_wz[2],
					// area:this.area,
					longitude: this.longitude,
					latitude: this.latitude,
					voice_manage_id: this.tzlx_id,
					type: this.sx_id.join(','),
					order_type: this.order_type
				}
				this.post('api/index/voice', data, true).then(res => {
					if (res.code == 1) {
						if (this.page == 1) {
							if (res.data.data == null || res.data.data.length == 0) {
								this.kk = true
								this.enmpy = true
							} else if (res.data.data.length < 10) {
								this.enmpy = true
							} else {
								this.enmpy = false
							}
						} else {
							if (res.data.data == null || res.data.data.length == 0) {
								this.enmpy = true
							} else if (res.data.data.length < 10) {
								this.enmpy = true
							} else {
								this.enmpy = false
							}
						}


						if (click == 1) {
							this.list = []
							this.kk = false
							this.enmpy = false
							this.page = 1
						}

						this.list.push(...res.data.data)
						for (let i = 0; i < this.list.length; i++) {
							this.list[i].num = !this.list[i].main_content.match(/\n/g) ? 0 : this.list[i]
								.main_content.match(/\n/g).length
							if (this.list[i].num >= 4 || this.list[i].main_content.length >= 88 || (this.list[
									i].num == 3 && this.list[i].main_content.length >= 25) || (this.list[i]
									.num == 2 && this.list[i].main_content.length >= 46) || (this.list[i]
									.num == 1 && this.list[i].main_content.length >= 67)) {
								this.list[i].more_check = true
							} else {
								this.list[i].more_check = false
							}
						}
					} else {
						this.kk = true
						uni.showToast({
							title: res.msg,
							icon: "none",
							duration: 1000
						})
					}
					// uni.hideLoading()
				})
			},


			handleValueChange1(currentVal) {
				this.list4 = []
				this.kk2 = false
				this.enmpy2 = false
				this.page2 = 1
				this.category_id2 = this.yuan_list2[currentVal.currentInd].id
				this.xinwen()
			},
			// 新闻分类
			xw_fl(click) {
				this.yuan_list2 = []
				this.list2 = []
				this.post('api/information/category', '', false).then(res => {
					if (res.code == 1) {
						let arr = [{
							name: '全部',
							id: ''
						}]
						if (click == 1) {
							this.yuan_list2 = []
							this.list2 = []
						}
						this.yuan_list2 = arr.concat(res.data)
						for (let i = 0; i < this.yuan_list2.length; i++) {
							this.list2.push(this.yuan_list2[i].name)
						}
					}
				})
			},
			// 帖子列表
			xinwen(click) {
				let data = {
					category_id: this.category_id2,
					page: this.page2,
					limit: 10
				}
				this.post('api/information', data, true).then(res => {
					if (res.code == 1) {
						if (this.page2 == 1) {
							if (res.data.data == null || res.data.data.length == 0) {
								this.kk2 = true
								this.enmpy2 = true
								return
							} else if (res.data.data.length < 10) {
								this.enmpy2 = true
							}
						} else {
							if (res.data.data == null || res.data.data.length == 0) {
								this.enmpy2 = true
								return
							} else if (res.data.data.length < 10) {
								this.enmpy2 = true
							}
						}


						if (click == 1) {
							this.list4 = []
							this.page2 = 1
							this.kk2 = false
							this.enmpy2 = false
						}
						this.list4.push(...res.data.data)
					} else {
						this.kk2 = true
						uni.showToast({
							title: res.msg,
							icon: "none",
							duration: 1000
						})
					}
				})
			},
			async xq(id) {
				uni.navigateTo({
					url: '../../fenbao/pages/shou/zxxq?id=' + id
				})
			},
			// 帖子详情
			async tzxq(id) {
				// let isLogin = await this.$refs.noLoginToast.open()
				// if (isLogin) {
				// 	let isHasMobile = await this.$refs.noLoginToast.getPhoneNumber()
				// 	if (!isHasMobile) {
				// 		return
				// 	}
				// }
				uni.navigateTo({
					url: '../../fenbao/pages/wenzhang/wzxq?id=' + id
				})
			},



			// 期货交易
			// 期货交易分类
			qhjy_fl() {
				this.post('api/futures/manage', '', false).then(res => {
					if (res.code == 1) {
						this.qhjyfl_list = res.data
					}
				})
			},
			//点击期货分类
			dianji_fl(index) {
				uni.navigateTo({
					url: '/fenbao/pages/leibie/qh_baojia?id=' + this.qhjyfl_list[index].id + '&name=' + this
						.qhjyfl_list[index].name
				})
				// this.fl_type = index
				// this.manage_category_ids = this.qhjyfl_list[index].id
				// this.qhjy_page = 1
				// this.qh_enmpy = false
				// this.qh_kk = false
				// this.qhjy_list = []
				// this.jggy()
				// this.chanqu()
				// this.baozhuang()
				// this.qijylist()
			},
			// 期货品牌
			pp() {
				this.post('api/futures/brand', {
					is_recommend: 1
				}, false).then(res => {
					if (res.code == 1) {
						this.pp_list = res.data.data
					}
				})
			},
			// 期货交易列表
			qijylist(click) {
				if (this.qi == 1) {
					this.brand_id = false
				} else {
					this.brand_id = true
				}
				let data = {
					page: this.qhjy_page,
					limit: 10,
					craft_ids: this.craft_ids,
					place_ids: this.place_ids,
					specification_ids: this.specification_ids,
					manage_category_ids: this.manage_category_ids,
					brand_id: this.brand_id
				}
				this.post('api/futures', data, true).then(res => {
					if (res.code == 1) {
						if (this.qhjy_page == 1) {
							if (res.data.data == null || res.data.data.length == 0) {
								this.qh_kk = true
								this.qh_enmpy = true
								return
							} else if (res.data.data.length < 10) {
								this.qh_enmpy = true
							}
						} else {
							if (res.data.data == null || res.data.data.length == 0) {
								this.qh_enmpy = true
								return
							} else if (res.data.data.length < 10) {
								this.qh_enmpy = true
							}
						}
						if (click == 1) {
							this.qhjy_list = []
							this.qh_kk = false
							this.qh_enmpy = false
							this.qhjy_page = 1
						}
						// this.qhjy_page++
						this.qhjy_list.push(...res.data.data)
					} else {
						this.qh_kk = true
						uni.showToast({
							title: res.msg,
							icon: "none",
							duration: 1000
						})
					}
				})
			},
			// 品牌规格
			jggy() {
				this.list_arr = []
				this.yuan_list_arr = []
				this.post('api/futures/craft', {
					manage_category_ids: this.manage_category_ids
				}, false).then(res => {
					if (res.code == 1) {
						this.yuan_list_arr = res.data
						for (let i = 0; i < res.data.length; i++) {
							this.list_arr.push(res.data[i].name)
						}
					}
				})
			},
			// 产区
			chanqu() {
				this.list_arr1 = []
				this.yuan_list_arr1 = []
				this.post('api/futures/place', {
					manage_category_ids: this.manage_category_ids
				}, false).then(res => {
					if (res.code == 1) {
						this.yuan_list_arr1 = res.data
						for (let i = 0; i < res.data.length; i++) {
							this.list_arr1.push(res.data[i].name)
						}
					}
				})
			},
			//包装
			baozhuang(keywords) {
				this.list_arr2 = []
				this.yuan_list_arr2 = []
				this.post('api/futures/specification', {
					manage_category_ids: this.manage_category_ids,
					keywords: keywords
				}, false).then(res => {
					if (res.code == 1) {
						this.yuan_list_arr2 = res.data
						for (let i = 0; i < res.data.length; i++) {
							this.list_arr2.push(res.data[i].name)
						}
					}
				})
			},
			// 关注厂家
			async gz_cj(id, index) {
				let isLogin = await this.$refs.noLoginToast.open()
				if (isLogin) {
					let isHasMobile = await this.$refs.noLoginToast.getPhoneNumber()
					if (!isHasMobile) {
						return
					}
				} else {
					return
				}
				this.post('api/futures/attention', {
					id: id
				}, true).then(res => {
					if (res.code == 1) {
						uni.showToast({
							title: res.msg,
							icon: "none",
							duration: 1000
						})
						if (res.data) {
							for (let i = 0; i < this.qhjy_list.length; i++) {
								if (id == this.qhjy_list[i].brand_id) {
									this.qhjy_list[i].is_collect = 1
								}
							}

						} else {
							for (let i = 0; i < this.qhjy_list.length; i++) {
								if (id == this.qhjy_list[i].brand_id) {
									this.qhjy_list[i].is_collect = 2
								}
							}
							if (this.qi == 2) {
								this.qh_kk = false
								this.qhjy_list = []
								this.qh_enmpy = false
								this.qhjy_page = 1
								this.qijylist()
							}
						}
						// if (this.qi == 2) {
						// 	this.qhjy_list.splice(index, 1)
						// 	if (this.qhjy_list.length <= 0) {
						// 		this.qh_kk = true
						// 	}
						// }
					}
				})

			},
			login1(e) {
				let that = this
				uni.login({
					provider: 'weixin',
					success: (code) => {
						this.post('api/wechat/phone', {
							code: code.code,
							iv: e.detail.iv,
							encryptedData: e.detail.encryptedData
						}, true).then(res => {
							if (res.code == 1) {
								uni.setStorageSync('mobile', res.data.phoneNumber)
								uni.setStorageSync('mobile2', res.data.mobile2)
								that.userinfo()
								that.denglu_im()
								that.tankuang()
							} else {
								uni.showToast({
									title: res.msg,
									icon: "none",
									duration: 1000
								})
							}

						})

					}
				})
			},



			// 获取位置
			address_xx() {
				let that = this
				uni.authorize({
					scope: 'scope.userLocation',
					success() { //1.1 允许授权
						that.hqxxdd()
					},
					fail() { //1.2 拒绝授权
						uni.showModal({
							content: '检测到您没打开获取信息功能权限，是否去设置打开？',
							confirmText: "确认",
							cancelText: '取消',
							success: (res) => {
								if (res.confirm) {
									uni.openSetting({
										success: (res) => {
											that.hqxxdd()
										}
									})
								} else {
									return false;
								}
							}
						})
						return false;
					}
				})
			},
			// 获取详细地址
			// hqxxdd(e) {
			// 	let that = this

			// 		type: 'wgs84',
			// 		success: function(res) {
			// 			that.longitude = res.longitude
			// 			that.latitude = res.latitude
			// 			uni.setStorageSync('longitude', res.longitude)
			// 			uni.setStorageSync('latitude', res.latitude)
			// 			qqmap.reverseGeocoder({
			// 				location: {
			// 					latitude: res.latitude,
			// 					longitude: res.longitude
			// 				},
			// 				success: function(re) {

			// 					that.province = re.result.address_component.province
			// 					that.city = re.result.address_component.city
			// 					that.area = re.result.address_component.district
			// 					uni.setStorageSync('address', re.result.address)
			// 					that.lunbotu()
			// 					that.fl()
			// 					that.kuai()
			// 					that.tz_fl()
			// 					that.qhjy_fl()
			// 					that.pp()

			// 				},
			// 				fail: function(res) {
			// 					uni.showToast({
			// 						title: '定位失败',
			// 						duration: 2000,
			// 						icon: "none"
			// 					})
			// 				},
			// 				complete: function(res) {

			// 				}
			// 			})
			// 		}

			// 	});
			// },
			async lahei(id, index) {
				let isLogin = await this.$refs.noLoginToast.open()
				if (isLogin) {
					let isHasMobile = await this.$refs.noLoginToast.getPhoneNumber()
					if (!isHasMobile) {
						return
					}
				} else {
					return
				}
				this.$refs.popup2.open()
				this.lh_id = id
				this.lh_index = index
			},
			// 不感兴趣
			bgxq() {
				this.$refs.popup2.close()
				this.list.splice(this.lh_index, 1)
				uni.showToast({
					icon: 'none',
					title: '以后尽量减少此类内容的推送',
					duration: 2000
				});
			},
			// 拉黑作者
			lhftr() {
				let that = this
				this.$refs.popup2.close()
				uni.showModal({
					title: '确定拉黑该用户？',
					content: '拉黑后看不到此用户发的帖子，需要到黑名单解除！',
					success: function(res) {
						if (res.confirm) {
							that.post('api/client/black_client', {
								client_id: that.lh_id
							}, true).then(res => {
								if (res.code == 1) {
									uni.showToast({
										title: res.msg,
										icon: "none",
										duration: 1000
									})
									that.list.splice(that.lh_index, 1)
									// that.page=1
									// that.enmpy=false
									// that.kk=false
									// that.list=[]

								} else {
									uni.showToast({
										title: res.msg,
										icon: "none",
										duration: 1000
									})
								}
							})
						} else if (res.cancel) {}
					}
				});
			}
		},
		mounted() {
			this.init();
			const that = this
			this.getSysHeightInfo()
			//#ifdef H5
			window.onscroll = function() {
				var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
				if (scrollTop > 30) {
					that.isScroll = true
				} else {
					that.isScroll = false
				}
			}
			//#endif
			uni.getSystemInfo({
				success: function(res) {
					that.fullHeight = "height:" + (res.windowHeight - 100) + "px";
				}
			});
		},
		onPageScroll(t) {
			t.scrollTop > 20 ? this.xiao = false : this.xiao = true;
			t.scrollTop > 80 ? this.da = true : this.da = false;

		},
		watch: {
			scrollTop(newValue, oldValue) {
				//#ifdef MP-WEIXIN
				const that = this
				if (newValue > 1) {
					that.isScroll = true
				} else {
					that.isScroll = false
				}
				//#endif
			},
			city(newValue, oldValue) {
				if (oldValue != '' && newValue != oldValue) {
					this.qie(1)
				}

			}
		},
		computed: {
			style() {
				return `width:${this.navItemWidth}px; left:${this.navItemLeft}px`;
			},
			style1() {
				return `width:${this.navItemWidth1}px; left:${this.navItemLeft1}px`;
			}
		}
	}
</script>

<style lang="scss">
	.nav {
		white-space: nowrap;
		position: relative;
		height: 60upx;
		line-height: 60rpx;
		padding: 20upx 0;
		display: flex;
	}

	.nav-item {
		flex: 1;
		text-align: center;
		transition: color 0.3s ease;
		color: #ffffff;
		font-size: 30rpx;
		position: relative;

	}

	.nav-item-act {
		color: #FFFFFF;
		font-size: 40rpx;
		font-weight: 600;
		position: relative;

	}

	.nav-item-act:after {
		content: ''; // 必须
		position: absolute;
		left: 50%;
		bottom: -10rpx;
		transform: translateX(-50%);
		width: 60rpx;
		height: 6rpx;
		background-color: #FFFFFF;
	}

	.swiper {
		height: calc(100vh - 380upx);
	}

	// swiper-item {
	// 	color: #000;
	// 	position: relative;
	// 	background-color: #F4F5FA;
	// }
	.swiper-item {
		overflow-y: scroll;
	}

	.swiper-scroll {
		height: 99%;
	}







	.tips {
		width: 200rpx;
		height: 40rpx;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);

		position: absolute;
		bottom: 0rpx;
		right: 0rpx;
	}

	.banner2 {
		height: 80upx;
		width: 530rpx;

		.swiper-item2 {
			// padding:15rpx 0;
			// height: 30rpx;
			// line-height: 30rpx;
		}
	}

	.qy_acti {
		margin-left: 20rpx;
	}

	.index_tab_list {
		width: 100%;
		height: 80rpx;

		.index_tab_box {
			display: flex;
			justify-content: space-between;
			width: 100%;
			height: 100%;

			.index_tab_item {
				position: relative;
				flex: 1;
				display: flex;
				justify-content: center;
				align-items: center;
				// padding-bottom: 10rpx;
				// color: #FFFFFF;
				// font-size: 26rpx;
				box-sizing: border-box;
			}

			// 		.active {
			// 			font-size: 40rpx;
			// 		}

			// 		.active::before {
			// 			position: absolute;
			// 			content: '';
			// 			width: 40%;
			// 			height: 6rpx;
			// 			left: 50%;
			// 			bottom: 0;
			// 			transform: translateX(-50%);
			// 			border-radius: 6rpx;
			// 			background-color: #FFFFFF;
			// 		}
		}
	}


	.sx_as {
		color: #000000;
		background-color: #F8F8F8;
	}

	.sx_active {
		color: #ffffff;
		background-color: #5EC4C2;
	}

	.more_sx>view {
		margin: 10rpx 28rpx 10rpx 0;
	}

	.more_sx>view:nth-child(2n) {
		margin-right: 0;
	}

	// .renmen>view {
	// 	margin-right: 30rpx;
	// }

	.xiao {
		margin-right: 10rpx;
		margin-bottom: 10rpx;
		float: left;
	}

	.sticky-box {
		/* #ifndef APP-PLUS-NVUE */
		// display: flex;
		position: -webkit-sticky;
		/* #endif */
		position: sticky;
		top: var(--window-top);
		z-index: 100;
		flex-direction: row;
		margin: 0px;
		// position: fixed;
		// top: 0;
		// left: 0;
		// z-index: 100;
	}

	page {
		background-color: #F8F8F8 !important;
		padding-bottom: 180rpx;
		font-family: Demibold;
		height: calc(100vh - 360upx);
	}

	.scroll-h1 {
		width: 100%;
		border-radius: 16rpx;
		/* // height: 100rpx; */
		margin-bottom: 20upx;

		// padding-left: 24rpx;
		flex-direction: row;
		/* #ifndef APP-PLUS */
		white-space: nowrap;
		/* #endif */
		/* flex-wrap: nowrap; */
		/* border-color: #cccccc;
		border-bottom-style: solid;
		border-bottom-width: 1px; */
	}

	.uni-tab-item {
		/* #ifndef APP-PLUS */
		display: inline-block;
		/* #endif */
		flex-wrap: nowrap;
		// padding-left: 20rpx;
		// padding-right: 20rpx;
		padding: 10rpx 16rpx 10rpx 0;
	}

	.uni-tab-item1 {
		display: inline-block;
		flex-wrap: nowrap;
		padding: 10rpx 16rpx 10rpx 0;
	}

	.active {
		color: #1fb0ac;
	}

	.a {
		color: #000000;
	}

	.footer {
		display: flex;
		justify-content: space-between;
		border-top: 1px solid #f4f4f4;
		margin-top: 30rpx;
		padding-bottom: 20rpx;

		button {
			margin: 0 auto;
			width: 100%;
			background-color: #19BE6B;
			// width: 200upx;
			border-radius: 10upx;
			font-size: $uni-font-size-sm;
			// padding: 22upx 34upx;
			height: 80upx;
			font-size: 30rpx;
			line-height: 80upx !important;
			// line-height: 1;
			color: #FFFFFF;
		}

		button:after {
			border: 0;
		}
	}

	.bg {
		width: 100%;
	}

	.hai {
		text-align: center;
		font-size: 32rpx;
		color: #FFFFFF;
	}

	.sou {
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		border-radius: 40rpx;
		color: #FFFFFF;
		font-size: 28rpx;
		box-sizing: border-box;
		padding: 0 30rpx 0 80rpx;
		background-color: rgba(255, 255, 255, .3);
	}

	.suo {
		color: #fff;
		opacity: 1;
		font-size: 26rpx;
	}

	.sou1 {
		width: 100%;
		height: 60rpx;
		line-height: 60rpx;
		border-radius: 30rpx;
		color: #333;
		font-size: 26rpx;
		box-sizing: border-box;
		padding: 0 30rpx 0 80rpx;
		background-color: #eee;
	}

	.suo1 {
		color: #666;
		opacity: 1;
		font-size: 26rpx;
	}

	.changhao_box>view:nth-child(3n+2) {
		margin: 0 2%;
	}

	.changhao_box>view {
		margin-bottom: 20rpx;
	}

	.ch_active {
		background-color: #1fb0ac;
		color: #fff;
		font-size: 28rpx;
	}

	.ch_as {
		background-color: #eee;
		color: #333;
		font-size: 28rpx;
	}

	.souicon {
		width: 30rpx;
		height: 30rpx;
		position: absolute;
		top: 50%;
		left: 30rpx;
		transform: translateY(-50%);

	}

	.addcity {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		font-size: 28rpx;
	}

	.shang_city {
		width: 100%;
		box-sizing: border-box;
		padding: 0 0rpx 200rpx;
		position: absolute;
		top: 0rpx;
		left: 50%;
		transform: translateX(-50%);
		box-sizing: border-box;
		// padding-bottom: 200rpx;

	}

	.lunbo {
		width: 92%;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		box-sizing: border-box;
	}



	// 头部
	.navbar {
		width: 100%;
		overflow: hidden;
		top: 0;
		left: 0;
		z-index: 999;
		flex-shrink: 0;
		color: #fff;
		font-size: 16px;
	}

	.nav-normal {
		position: relative;
	}

	.nav-fixed {
		position: fixed;
	}


	.logo-centent {
		display: flex;
		align-items: center;
	}

	.logo-centent image {
		width: 260rpx;
		height: 68rpx;
		margin-left: 20rpx;
	}

	.hearder-status {
		display: flex;
		align-items: center;
		position: absolute;
		padding-left: 30rpx;
		height: 100%;
		z-index: 99999;

	}

	.header-title {
		height: 100%;
		left: 0;
		right: 0;
		position: absolute;
		margin: auto;
		text-align: center;
	}

	.header-title image {
		position: absolute;
		width: 270rpx;
		height: 35rpx;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.header-title-left {
		height: 100%;
		left: 0;
		right: 0;
		position: absolute;
		margin: auto;
		text-align: left;
	}

	.back-text {
		margin-left: 7px;
		width: 100upx;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	.hearder-status .nav-title-left {
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: rgba(0, 0, 0, .8);
		width: 100%;
		font-weight: bold;
	}

	.hearder-status .nav-btn {
		/* background-color: rgba(255, 255, 255, .5);
		border-radius: 15px; */
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: rgba(0, 0, 0, .8);
		width: 50%;
		font-weight: bold;
	}

	.hearder-status .nav-btn .gotback,
	.hearder-status .nav-btn .gothome {
		flex: 1;
		text-align: center;
		font-size: 18px;
	}

	.Addslot {
		position: absolute;
		width: 100%;
	}



	.tuijian {
		display: flex;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		// padding: 20rpx 0 10rpx;
		justify-content: space-between;
	}

	.tuijian>view {
		// flex: 1;
		position: relative;
	}

	.active_type {
		color: #FFFFFF;
		font-size: 40rpx;
		font-weight: 600;
	}

	.a_type {
		color: #FFFFFF;
		font-size: 26rpx;
		font-weight: 500;
	}

	.active_type::after {
		content: ''; // 必须
		position: absolute;
		left: 50%;
		bottom: 0;
		transform: translateX(-50%);
		width: 60rpx;
		height: 6rpx;
		background-color: #FFFFFF;
	}

	.u-safe-area-inset-bottom {
		padding-bottom: 0 !important;
	}

	.active_fl {
		color: #1fb0ac;
		font-size: 28rpx;
	}

	.a_fl {
		color: #666666;
		font-size: 28rpx;
	}

	.active_fl::after {
		content: ''; // 必须
		position: absolute;
		left: 50%;
		bottom: 6rpx;
		transform: translateX(-50%);
		width: 80rpx;
		height: 6rpx;
		background-color: #1fb0ac;
	}


	.fenlei {
		width: 100%;
		margin-top: 26rpx;
		height: 260rpx;
		background-color: #fff;
		border-radius: 20rpx;
		box-sizing: border-box;
		padding: 0 10rpx;
	}

	.fenlei1 {
		width: 100%;
		background-color: #FFFFFF;
		// height: 200rpx;
		// background: url(https://static-1310167831.cos.ap-nanjing.myqcloud.com/uploads/20220329/297436c9c404f2740574c7f1896c53f2.png) no-repeat;
		// background-size: 100%;
		box-sizing: border-box;
		overflow: hidden;
		padding: 28rpx 0 28rpx;
		border-radius: 20rpx;
	}

	.tupian {
		width: 100%;
		overflow: hidden;
		margin-top: 16rpx;
	}

	.tupian>image {
		height: 100rpx;
		width: 220rpx;
		float: left;
		margin-bottom: 0rpx;
	}

	.tupian>image:nth-child(3n+2) {
		margin: 0 14rpx 0rpx;
	}

	.tu>view {
		margin: 10rpx 0;
	}

	.tu>view:nth-child(3n+2) {
		margin: 10rpx 30rpx;
	}



	// 期货交易
	.qi_type {
		color: #999999;
		font-size: 30rpx;
		font-weight: 500;
	}

	.qiactive_type {
		color: #000000;
		font-size: 30rpx;
		font-weight: 600;
	}

	.follow_box {
		height: 62rpx;
		line-height: 62rpx;
		width: 160rpx;

		&:first-child {
			margin-right: 48rpx;
		}
	}

	.qiactive_type::after {
		content: ''; // 必须
		position: absolute;
		left: 50%;
		bottom: 2rpx;
		transform: translateX(-50%);
		width: 100rpx;
		height: 6rpx;
		background-color: #1fb0ac;
	}

	.tui_mei {
		color: #666666;
		font-size: 28rpx;
		font-weight: 500;
	}

	.tui_active {
		color: #000000;
		font-size: 28rpx;
		font-weight: 600;
	}


	// 直播
	.zhi_mei {
		color: #999999;
		font-size: 28rpx;
		font-weight: 500;
	}

	.zhi_active {
		color: #000000;
		font-size: 28rpx;
		font-weight: 600;
	}

	.zhi_active::after {
		content: ''; // 必须
		position: absolute;
		left: 50%;
		bottom: 0rpx;
		transform: translateX(-50%);
		width: 60rpx;
		height: 6rpx;
		background-color: #1fb0ac;
	}

	.zhi_box>view:nth-child(2n+1) {
		margin-right: 4%;
	}

	.zhi_box>view {
		margin-bottom: 26rpx;
	}

	.gradient-bg2 {
		position: relative;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 0;
		height: 366rpx;
		background: linear-gradient(180deg, #1fb0ac 0%, #F5F5F5 100%);
	}

	.news_time_container {
		width: 120rpx;
		height: 70rpx;
		display: block;
		position: absolute;
		top: 50%;
		left: 15rpx;
		transform: translateY(-50%);

		.news_title {
			color: #FB6855;
			font-size: 30rpx;
			font-weight: 600;
			line-height: 40rpx;
		}

		.time_report {
			color: #1FB0AC;
			font-size: 30rpx;
			font-weight: 600;
			line-height: 40rpx;
		}
	}

	.company_come {
		color: #543405;
		font-size: 20rpx;
		padding: 2rpx 10rpx;
		background-color: #F3E0BA;
		border-radius: 20rpx;
		position: relative;
		z-index: 1;
	}

	.open_page {
		width: 100vw;
		height: 100vh;
		position: fixed;
		z-index: 9999999;
	}

	/*#ifdef APP-PLUS*/
	.search_location {
		margin-top: 40rpx;
	}

	/*#endif*/
</style>